jQuery日期选择器:限制到选定的月份

时间:2013-12-01 13:47:42

标签: php jquery jquery-ui date jquery-ui-datepicker

如何将日期范围限制为所选月份。 如果用户在“从日期”中选择11月份,则需要限制所选月份中的“到期日期”。无论用户选择11月30日。迄今为止只应显示11月的日期。他不能超过那个月。

1 个答案:

答案 0 :(得分:2)

fiddle Demo

$(function () {
    $("#from").datepicker({
        defaultDate: "+1w",
        onClose: function (selectedDate) {
            $("#to").datepicker("option", "minDate", selectedDate);
            var date = $(this).datepicker('getDate');
            var maxDate = new Date(date.getFullYear(), date.getMonth() + 1, -0);
            $("#to").datepicker("option", "maxDate", maxDate);
        }
    });
    $("#to").datepicker({
        defaultDate: "+1w",
        onClose: function (selectedDate) {
            $("#from").datepicker("option", "maxDate", selectedDate);
        }
    });
});

<小时/> 另一种方式

fiddle Demo

$(function () {
    $("#from").datepicker({
        defaultDate: "+1w",
        onClose: function (selectedDate) {
            $("#to").datepicker("option", "minDate", selectedDate);
        }
    });
    $("#to").datepicker({
        defaultDate: "+1w",
        stepMonths: 0,
        onClose: function (selectedDate) {
            $("#from").datepicker("option", "maxDate", selectedDate);
        }
    });
});