如何在jQuery Datepicker中設置日期范圍並將其設置為默認值？

Question

1. 我需要將“開始日期”設置為從當前日期開始的+1天。
2. 並且從“開始日期”起+ 3天為“結束日期”
3. （可選）突出顯示過去的日子

小提琴可以在這里找到： http : //jsbin.com/icuduv/1

謝謝！

Answer 1

好吧，你可以像這樣簡單地做

var d = new Date(); d.setDate( d.getDate() + 1 );
$('#txtStartDate').datepicker('setDate', d); 
d = new Date(); d.setDate( d.getDate() + 4 );
$('#txtEndDate').datepicker('setDate', d);

我也更新了您的演示， 在這里看看

要突出顯示日期，可以使用beforeShowDay事件。 它會針對需要在日歷中顯示的每個日期被調用。

Answer 2

使用以下內容獲取日期值：

var startDate = new Date();
var endDate = new Date();
startDate.setDate(today.getDate()+1);
endDate.setDate(startDate.getDate()+3);

$("#startDateInput").val(startDate.toString('MM/dd/yyyy'));
$("#endDateInput").val(endDate.toString('MM/dd/yyyy'));

這個問題可能有助於突出顯示：

用jQuery的datepicker突出顯示特定范圍內的日期

Answer 3

也許你可以試試這個

$(function() {
  var $defaultDate = new Date(); 
  $defaultDate.setDate( $defaultDate.getDate() + 1 );
  $('#txtStartDate').datepicker({defaultDate:   $defaultDate}).val(($defaultDate.getMonth()+1) + '/' + $defaultDate.getDate() + '/' +  $defaultDate.getFullYear()); 
  $defaultDate.setDate( $defaultDate.getDate() + 3 );
  $('#txtEndDate').datepicker({defaultDate: $defaultDate}).val(($defaultDate.getMonth()+1) + '/' + $defaultDate.getDate() + '/' +   $defaultDate.getFullYear()); 
});