Question

修改

我有一个日期选择器，其中包含以下内容：

<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

以上将限制选择限制在未来的两天，如许多帖子和文档中所述，但不会产生任何影响。这是我第一次摆弄日期选择器，所以很可能我只是错过了一些非常明显的东西......

有什么建议吗？感谢。

Answer 1

尝试maxDate的字符串格式：

字符串：由dateFormat选项定义的格式的字符串，或者a 相对日期。相对日期必须包含价值和期间对; 有效期为"y"年，"m"为月，"w"为数周，和 "d"好几天了。例如，"+1m +7d"表示一个月和七个月从今天起几天。

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

Answer 2

使用endDate: '+2d'工作了！感谢大家的建议：）

度过美好的一天。

今天使用jQuery在DatePicker上禁用x许多未来天数

2 个答案: