javascript - 如何在 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

也许你可以试试这个

$(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()); 
});

Answer 3

使用以下内容获取日期值：

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 突出显示特定范围内的日期