在鏈接日期選擇器中設置最大日期

Question

我使用「從開始日期」和「到目前爲止」來製作範圍日期選擇器。

下面的代碼：

From <input type="text" id="from" name="from" style="width: 80px" readonly> 
To <input type="text" id="to" name="to" style="width: 80px" readonly> 

<script> 
$(function() { 
    $("#from").datepicker({ 
     showOn: "button", 
     buttonImage: "images/calendar.png", 
     buttonImageOnly: true, 
     minDate: 0, 
     changeMonth: true, 
     beforeShowDay: $.datepicker.noWeekends, 
     onSelect: function(selectedDate) { 
      $("#to").datepicker("option", "minDate", selectedDate); 
     } 
    }); 
    $("#to").datepicker({ 
     showOn: "button", 
     buttonImage: "images/calendar.png", 
     buttonImageOnly: true, 
     changeMonth: true, 
     beforeShowDay: $.datepicker.noWeekends, 
     onSelect: function(selectedDate) { 
      $("#from").datepicker("option", "maxDate", selectedDate); 
     } 
    }); 
}); 
</script> 

我想要做的是：當用戶在#from選擇特定的日期，我想在#to設置最大日期，說10天，從日期#from。

我該怎麼做？ 謝謝。

Answer 1

試試這個jsFiddle example

jQuery的

$('#endDate').datepicker({ 
    onSelect: function() {}, 
    onClose: function() { 
     $(this).focus(); 
    } 
}); 
$('#startDate').datepicker({ 
    onSelect: function(dateText, inst) { 
     var nyd = new Date(dateText); 
     nyd.setDate(nyd.getDate() + 10); 
     $('#endDate').datepicker("option", { 
      minDate: new Date(dateText), 
      maxDate: nyd 
     }); 
    }, 
    onClose: function() { 
     $(this).focus(); 
    } 
});​ 

當你拿起開始日期的日期，你設定結束日期加10天的maxDate選項。