带限制的datepicker jquery ui

带限制的datepicker jquery ui,jquery,Jquery,我有2个日期选择器,在第一个日期选择器中,您可以选择从今天开始的日期,在第二个日期选择器中,限制必须为: 自第一个日期选取者作为mindate之日起5天后 从第一个日期选择器开始的日期后90天为maxdate 我有这个,但不起作用,有人能帮我吗 <script> $(function() { $( "#datepicker" ).datepicker({ minDate: 0 }); }); function calc(){ var date_min = $('#datepic

我有2个日期选择器,在第一个日期选择器中,您可以选择从今天开始的日期,在第二个日期选择器中,限制必须为: 自第一个日期选取者作为mindate之日起5天后 从第一个日期选择器开始的日期后90天为maxdate

我有这个,但不起作用,有人能帮我吗

<script>
 $(function() {
 $( "#datepicker" ).datepicker({ minDate: 0 });
});

function calc(){
var date_min = $('#datepicker').datepicker('getDate', '+5d');
var date_max = $('#datepicker').datepicker('getDate', '+90d'); 
$( "#datepicker2" ).datepicker({ minDate: date_min,maxDate: date_max });
}
</script>
<p>Date: <input type="text" id="datepicker" onChange="calc()"></p>
<p>Date2: <input type="text" id="datepicker2"></p>

我为你的问题做了一个简单的脚本


希望它有帮助:

您应该能够获取值,然后从那里设置最小值和最大值。试试这个:

function calc(){
    var date_value = $('#datepicker').datepicker().val();
    var dateValue = new Date(date_value);    
    $( "#datepicker2" ).datepicker({ 
        changeYear: true,
        minDate: '+5d',
        maxDate: '+90d',
        defaultDate: dateValue,
    });
}
function calc(){
    var date_value = $('#datepicker').datepicker().val();
    var dateValue = new Date(date_value);    
    $( "#datepicker2" ).datepicker({ 
        changeYear: true,
        minDate: '+5d',
        maxDate: '+90d',
        defaultDate: dateValue,
    });
}