将Jquery-UI日期选择器链接到DropDownlist

Question

是否有人将Jquery ui datepicker链接到3个单独的下拉列表/选择列表（“年月年”），以便更改datepicker或下拉列表中的月/年将限制“天”下拉列表中的可用天数。

目前，我只有一个选择列表，其值硬编码为31，这允许一些无效的日期。

我正在使用C＃和MVC。

谢谢

Answer 1

使用Jquery UI Datepicker可以解决这个问题。 简单使用javascript日期将对您有所帮助。

这显示了如何获取对应月份的日期。 使用JavaScript获取指定月份中的天数？

因此，在月份更改中设置日期

function daysInMonth(month,year) {
    return new Date(year, month, 0).getDate();
}

$('#month').change(function(){
    //fill dropdown with options correspinding
    //with the number of days returned from the daysInMonth function
})

Answer 2

如果有人正在寻找类似的东西，我该如何解决

function disableDaysNotInMonth(daysInMonth) {
    $("#ddlDay option").each(function () {
            if (this.text > daysInMonth) {
                $(this).attr("disabled", true);
            }
            else {
                $(this).attr("disabled", false);
            }
    });
};

function ddlUpdate() {
    var ddlMonth = $("#ddlMonth").find(":selected").text();
    var ddlYear = $("#ddlYear").find(":selected").text();
    var daysInMonth = getDaysInMonth(ddlMonth, ddlYear);
    disableDaysNotInMonth(daysInMonth);
};