jQuery日期选择器:限制为所选月份 - jQuery date picker : limit to selected month

jQuery date picker : limit to selected month

本文关键字：日期选择器 jQuery | 更新日期: 2023-11-20

如何将日期范围限制为所选月份。如果用户在"起始日期"中选择11月，我需要限制该月的"截止日期"。无论用户选择11月30日。截止日期应仅显示11月的日期。他不能超过那个月。

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);
        }
    });
});

另一种方式

小提琴演示

$(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);
        }
    });
});