Jquery日期选择器集最小和最大日期

Jquery日期选择器集最小和最大日期,jquery,jquery-ui-datepicker,Jquery,Jquery Ui Datepicker,我正在尝试制作一个有日期选择器的网页,但我不知道如何动态设置最小和最大日期。我正在尝试实现 不允许用户选择今天日期之前的日期。 选择日期后,将最大可选择日期设置为1周,以便用户只能从7天中选择所选日期。 到目前为止,我已经做到了这一点,但它似乎并不是每次用户选择新日期时都会更新。例如,如果我选择今天的日期23,它会将最大日期设置为29,但如果我将所选日期从23更改为27,而不是让我从27选择为3,它只允许我从27选择到29。有人能帮我吗?谢谢: $document.readyfunction{

我正在尝试制作一个有日期选择器的网页,但我不知道如何动态设置最小和最大日期。我正在尝试实现

不允许用户选择今天日期之前的日期。 选择日期后,将最大可选择日期设置为1周,以便用户只能从7天中选择所选日期。 到目前为止,我已经做到了这一点,但它似乎并不是每次用户选择新日期时都会更新。例如,如果我选择今天的日期23,它会将最大日期设置为29,但如果我将所选日期从23更改为27,而不是让我从27选择为3,它只允许我从27选择到29。有人能帮我吗?谢谢: $document.readyfunction{ $function{ $'txtArrivalDate'.datepicker{ 日期格式:“年月日”, minDate:-0d, onSelect:functiondate{ selectedDate=日期; $'txtDepartureDate'.datepicker'option','minDate',date; $txtDepartureDate.datepickerrefresh; $'txtDepartureDate'.datepicker'option','firstDay',date; $'txtDepartureDate'.datepicker'option','maxDate','+7d'; },//onSelect属性的结尾 onClose:functiondate{ },//结束onClose };//txtArrivalDate日期选择器的结束 };//txtArrivalDate函数的结尾 $txtArrivalDate.changefunction{ $'txtDepartureDate'.datepicker'option','firstDay',selectedDate; $'txtDepartureDate'.datepicker'option','maxDate','+7d'; }; $function{ $'txtDepartureDate'.datepicker{ 日期格式:“mm-dd-yy” }; }//txdepartureDate函数的结尾 }; //就绪功能结束 抵达日期:- 出发日期:- 试试这个代码

$(document).ready(function(){
    $('#txtArrivalDate').datepicker({
        dateFormat: 'mm-dd-yy',
        minDate : "-0d",
    });

    $('#txtArrivalDate').change(function(){
        var sDate = $(this).datepicker("getDate");
        var minDate = $(this).datepicker("getDate");
        sDate.setDate(sDate.getDate()+7);
        $('#txtDepartureDate').datepicker({
            dateFormat: 'mm-dd-yy',
            maxDate : sDate,
            minDate : minDate,
        });
    })
});
祝你好运。

试试这段代码

$(document).ready(function(){
    $('#txtArrivalDate').datepicker({
        dateFormat: 'mm-dd-yy',
        minDate : "-0d",
    });

    $('#txtArrivalDate').change(function(){
        var sDate = $(this).datepicker("getDate");
        var minDate = $(this).datepicker("getDate");
        sDate.setDate(sDate.getDate()+7);
        $('#txtDepartureDate').datepicker({
            dateFormat: 'mm-dd-yy',
            maxDate : sDate,
            minDate : minDate,
        });
    })
});
祝你好运