jQuery实现无刷新获取日期

var TimeShowDate = jQuery('<div id="divShow"><div id="divYear"></div><div id="divMonth"></div><div id="divDay"></div></div>')

var YearChange = jQuery('<span>年<select id="yearId" onchange="Change_date()"></select></span>');

var MonthChange = jQuery('<span>月<select id="monthId" onchange="Change_date()"></select></span>');

var DayChange = jQuery('<span>日<select id="DayId"></select> </span>');

 

 

$(document).ready(function() {
    funTime();
    AddYear();
    AddMonth();
    AddDayN();
});

 

 

function funTime() {
    $("#divContent").append(TimeShowDate);
}

function Change_date() {
    var yy = document.getElementById("DayId").value;
    var mm = document.getElementById("monthId").value * 1;
    var dd;
    if (mm == 1 || mm == 3 || mm == 5 || mm == 7 || mm == 8 || mm == 10 || mm == 12) {
        dd = 31;
    } else if (mm == 4 || mm == 6 || mm == 9 || mm == 11) {
        dd = 30;
    } else {
    if (yy % 4 == 0 && yy % 100 != 0 || yy % 400 == 0) {
        dd = 29;
    }
    else {
        dd = 28;
    }
}
$("#InputDay").empty();
for (var i = 1; i <= dd; i++) {
    var dayNo;
    dayNo = document.getElementById("DayId");
    dayNo.options.add(new Option(i, i));
}
}

 

function AddYear() {
    var now = new Date();
    var ny = now.getFullYear();
    var yearNo;
    $("#divYear").empty().append(YearChange);
    for (var i = 2009; i <= 2015; i++) {
        var option = $("<option value='" + i + "'>" + i + "</option>");
        $("#yearId").append(option);
        if (i == ny) {
            option.attr("selected", "selected")
        }
    }
}

 

function AddMonth() {
    var now = new Date();
    var nm = now.getMonth() + 1;
    var monthNo;
    $("#divMonth").empty().append(MonthChange);
    for (var i = 1; i <= 12; i++) {
        var option = $("<option value='" + i + "'>" + i + "</option>");
        $("#monthId").append(option);
        if (i == nm) {
            option.attr("selected", "selected")
        }
    }
}

 

 

 

function AddDayN() {
    var now = new Date();
    var nd = now.getDate();
    var dayNo;
    $("#divDay").empty().append(DayChange);
    for (var i = 1; i <= 31; i++) {
        var option = $("<option value='" + i + "'>" + i + "</option>");
        $("#DayId").append(option);
        if (i == nd) {
            option.attr("selected", "selected")
        }

    }
}