JavaScript Document
$ (document). Ready (function (e) {
display the current date in a text box
var date = new Date ();
var Nian = Date.getfullyear ();
var yue = date.getmonth () +1;
var Tian = date.getdate ();
$ ("#rq"). Val (nian+ "-" +yue+ "-" +tian ");
Add a Click event to a text box
$ ("#rq"). Click (function () {
$ (' #myModal '). Modal (' show ');
Load Year
Loadnian ();
Load Month
Loadyue ();
Load Days
Loadtian ();
})
When you select a change, reload the day
$ ("#nian"). Change (function () {
Loadtian ();
})
when the change is selected in the current month, reload the day
$ ("#yue"). Change (function () {
Loadtian ();
})
Add Click events to the OK button
$ ("#qd"). Click (function () {
var Nian = $ ("#nian"). Val ();
var yue = $ ("#yue"). Val ();
var Tian = $ ("#tian"). Val ();
$ ("#rq"). Val (nian+ "-" +yue+ "-" +tian ");
$ (' #myModal '). Modal (' hide ');
})
});
method of loading year
function Loadnian ()
{
var date = new Date ();
var Nian = Date.getfullyear ();
var str = "";
For (var i=nian-5;i<nian+6;i++)
{
if (I==nian)
{
str = str + "<option selected= ' selected ' value= '" +i+ "' >" +i+ "</option>";
}
Else
{
str = str + "<option value=" "+i+" > "+i+" </option> ";
}
}
$ ("#nian"). html (str);
}
Load Month
function Loadyue ()
{
var date = new Date ();
var yue = date.getmonth () +1;
var str = "";
For (var i=1;i<13;i++)
{
if (I==yue)
{
str = str+ "<option selected= ' selected ' value= '" +i+ "' >" +i+ "</option>";
}
Else
{
str = str+ "<option value= '" +i+ ">" +i+ "</option>";
}
}
$ ("#yue"). html (str);
}
Load Days
function Loadtian ()
{
var date = new Date ();
var Tian = date.getdate ();
var yue = $ ("#yue"). Val ();
var Nian = $ ("#nian"). Val ();
var zs = +;
if (yue==4 | | yue==6 | | yue==9 | | yue==11)
{
ZS = +;
}
else if (yue==2)
{
if ((nian%4==0 && nian%100!=0) | | nian%400==0)
{
ZS =;
}
Else
{
ZS =;
}
}
var str = "";
For (var i=1;i<zs+1;i++)
{
if (I==tian)
{
str = str + "<option selected= ' selected ' value= '" +i+ "' >" +i+ "</option>";
}
Else
{
str = str + "<option value=" "+i+" > "+i+" </option> ";
}
}
$ ("#tian"). html (str);
}
Use the JQuery method to implement date-time selection in JavaScript files