在DateRangePicker中禁用一些未来日期

Question

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

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

我的代码：

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

我也尝试了maxDate:newdate（6），但出现了相同的错误。

有什么想法吗？

Answer 1

这不是错误，这是您正在使用的属性的预期行为。你在告诉它“不要让任何日期超过这个”。根据文档，Dekel在他的答案中找到了一个选项，用于isInvalidDate。

我正要删除这个答案，但决定不这样做，因为指出这不是一个错误，而是被使用的属性的行为。任何人都应该首先投票支持另一个答案。

Answer 2

如果日期有效或无效，您可以使用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" />