javascript - 在 DateRangePicker 中禁用一些 future 的日期

Question

我正在尝试禁用今天的日期和从今天开始的 6 天后的日期。

我知道我可以使用 maxDate 来做到这一点，但是当我这样做时，它会禁用所有 future 的日期。

我的代码:

  $('input[name="datefilter"]').daterangepicker({
      autoUpdateInput: false,
      maxDate: new Date(),
      "autoApply": true,
      locale: {
        "firstDay": 1,
        "separator": " - "
      }
  });

我也尝试过 maxDate: new Date(6) 但同样的错误。

有什么想法吗？

Answer 1

如果日期有效或无效，您可以使用 isInvalidDate 函数返回 true/false:

invalid_dates = ['2017-01-11', '2017-01-12', '2017-01-13']
$(function() {
  $('input[name="daterange"]').daterangepicker({
    isInvalidDate: function(date)
    {
      return !!(invalid_dates.indexOf(date.format('YYYY-MM-DD')) > -1);
    }
  });
});

<!-- Include Required Prerequisites -->
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />
 
<!-- Include Date Range Picker -->
<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />
<input type="text" name="daterange" value="01/01/2017 - 01/10/2017" />