编辑

我有以下日期选择器:

<div class="form-group">
  <div class="row">
    <div class="col-xs-12 col-sm-5 col-md-4 col-lg-3">
      <div class="input-group date" id="datePicker">
        @Html.TextBoxFor(m => m.CheckoutDate, new {@id = "checkoutDate", @class = "form-control", @onChange = "Checkout.OnDateChanged()"})
        <span class="input-group-addon" style="cursor: pointer;"><span class="glyphicon glyphicon-calendar"></span></span>
      </div>
    </div>
  </div>
</div>


并将日期选择器初始化为

$('#datePicker').datepicker({
      format: 'yyyy/mm/dd',
      todayHighlight: true,
      autoclose: true,
      startDate: new Date()
    });


它运行良好,并且禁用了所有过去的日子。
现在,我需要将可选择的天数限制为从今天起x个未来的日子。我尝试添加:

maxDate: 2


限于上述内容,以将选择限制在许多帖子和文档中所述的将来两天之内,但不受影响。这是我第一次摆弄日期选择器,所以我很可能会错过一些非常明显的东西...

有什么建议么?
谢谢。

最佳答案

尝试maxDate的字符串格式:


  字符串:采用dateFormat选项定义的格式的字符串,或
  相对日期。相对日期必须包含值和期间对;
  有效期限是"y"年,"m"月,"w"周,以及
  "d"天。例如,"+1m +7d"代表一个月零七个
  从今天开始的几天。


$('#datePicker').datepicker({
  format: 'yyyy/mm/dd',
  todayHighlight: true,
  autoclose: true,
  startDate: new Date(),
  maxDate: "+2d"
});

09-20 06:42