根据第一个日期选择器禁用日期

时间:2016-12-30 05:40:56

标签: jquery

我有两个日期选择器。当我在第一个日期选择器上选择某个日期然后根据所选日期我需要为下一个DatePicker禁用30天

1 个答案:

答案 0 :(得分:1)

如果我理解你的问题,这就是你的答案 我编辑过Satpal先生的答案     jsfiddle

startDate:
<input type="text" id="startDate" />
<br>targetDate:
<input type="text" id="targetDate" />


$(document).ready(function () {
    $("#startDate").datepicker({
        changeMonth: true,
        changeYear: true,
        dateFormat: "dd-M-yy",
        minDate: 0,
        showMonthAfterYear: true,
        onClose: function () {
            $(this).toggleClass('ui-state-focus');
        },
        onSelect: function (selectedDate) {
            var date = $(this).datepicker("getDate");
            date.setDate(date.getDate() + 30);
            $('#targetDate').datepicker('option', 'minDate', date);
        }
    });
    $("#targetDate").datepicker({
        changeMonth: true,
        changeYear: true,
        dateFormat: "dd-M-yy",
        showMonthAfterYear: true,
        onClose: function () {
            $(this).toggleClass('ui-state-focus');
        }
    });

});