Jquery做的三级日期选择

来源:互联网 发布:淘宝交易规则 编辑:程序博客网 时间:2024/05/16 10:52

还是自己动手丰衣足食!
  

$(document).ready(function () {    MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];    //给年下拉框赋内容     var y = new Date().getFullYear();    //后三十年    for (var i = y; i < y + 10; i++)        $("<option value='" + i + "'>" + i + "</option>").appendTo($("#YYYY"));    $("#YYYY").attr("value", y); //设置当年为当前选中项    //赋月份的下拉框     for (var i = 1; i < 13; i++)        $("<option value='" + i + "'>" + i + "</option>").appendTo($("#MM"));    var mi = new Date().getMonth() + 1;    $("#MM option[value='" + mi + "']").attr('selected', 'true'); //设置当月为当前选中项    var n = MonHead[new Date().getMonth()];    //if (new Date().getMonth() ==1 && IsPinYear(YYYYvalue)) n++;     if (new Date().getMonth() == 1 && IsPinYear($("#YYYY").attr("value"))) n++;    writeDay(n); //赋日期下拉框    $("#DD").attr("value", new Date().getDate()); //设置当日为当前选中项    //赋小时的下拉框     for (var i = 0; i < 24; i++)        $("<option value='" + i + "'>" + i + "</option>").appendTo($("#HH"));    var hi = new Date().toLocaleTimeString().substr(0, 2);    $("#HH option[value='" + hi + "']").attr("selected", "true"); //设置当前时间为选中项    //赋分钟的下拉框     for (var i = 0; i < 60; i += 5)        $("<option value='" + i + "'>" + i + "</option>").appendTo($("#ms"));    //年下拉框改变时,判断是否是是闰年,更改二月份的天数    $("#YYYY").change(function () {        var MMvalue = $("#MM").val();        if (MMvalue == "") {            var e = $("#DD");            optionsClear(e);            return;        }        var n = MonHead[MMvalue - 1];        var str = $(this).attr("value");        if (MMvalue == 2 && IsPinYear(str)) n++;        writeDay(n);    })    //月发生变化时日期联动     $("#ms").change(function () {        var YYYYvalue = $("#YYYY").val();        if (YYYYvalue == "") {            var e = $("#DD");            optionsClear(e);            return;        }        var str = $(this).attr("value");        var n = MonHead[str - 1];        if (str == 2 && IsPinYear(YYYYvalue)) n++;        writeDay(n)    })    function writeDay(n) //据条件写日期的下拉框     {        var e = $("#DD");        optionsClear(e);        for (var i = 1; i < (n + 1); i++)            $("<option value='" + i + "'>" + i + "</option>").appendTo(e);    }    function IsPinYear(year)//判断是否闰平年     { return (0 == year % 4 && (year % 100 != 0 || year % 400 == 0)); }    function optionsClear(e) {        e.attr("length", 0);    }})       


原创粉丝点击