Question

我使用datepicker来选择事件的开始日期和结束日期。

$(function() {
    $( "#datepicker" ).datepicker();
    $( "#datepicker2" ).datepicker();
});

<input type="text" id="datepicker">
<input type="text" id="datepicker2">

现在两个日期选择工作正常，但我想限制datepicker2不允许任何日期少于已为datepicker选择的日期

Answer 1

您也可以尝试这些

$(function() {

    $('#datepicker, #datepicker2').datepicker({
        showOn: "both",
        beforeShow: customRange,
        dateFormat: "dd M yy",
    });

});

function customRange(input) {

    if (input.id == 'datepicker2') {
        var minDate = new Date($('#datepicker').val());
        minDate.setDate(minDate.getDate() + 1)

        return {
            minDate: minDate

        };
    }

    return {}

}

从jQuery UI Datepicker Range

复制

自定义Jquery datepicker的日期选择？

1 个答案: