在DateRangePicker中禁用某些将来的日期

红宝石

我正在尝试禁用今天的日期和从今天起还有6天的日期。

我知道我可以这样做,maxDate但是当我这样做时,它将禁用所有将来的日期。

我的代码:

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

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

任何想法?

德克尔

您可以使用该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" />

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在daterangepicker中禁用将来的日期

来自分类Dev

禁用过去的日期,仅在日期选择器中启用某些将来的日期

来自分类Dev

禁用过去的日期,仅在日期选择器中启用某些将来的日期

来自分类Dev

如何禁用daterangepicker中的过去日期?

来自分类Dev

如何禁用daterangepicker中的过去日期?

来自分类Dev

如何基于jquery datepicker中的某些datepicker值禁用将来的日期

来自分类Dev

如何基于jquery datepicker中的某些datepicker值禁用将来的日期

来自分类Dev

在CJuiDatePicker或EJuiDateTimePicker中禁用将来的日期

来自分类Dev

AntD React:在DateRangePicker中禁用特定日期的时间范围

来自分类Dev

如何在UIDatePicker中禁用将来的日期,月份和年份?

来自分类Dev

在Jquery Ui Datepicker中禁用今天以后的将来日期

来自分类Dev

在angular-bootstrap-datetimepicker中禁用将来的日期

来自分类Dev

如何在X-Editable中禁用将来的日期?

来自分类Dev

我无法在jquery datepicker中禁用将来的日期

来自分类Dev

如何在UIDatePicker中禁用将来的日期,月份和年份?

来自分类Dev

如何在Android中禁用将来的日期选择器

来自分类Dev

如何在X-Editable中禁用将来的日期?

来自分类Dev

我无法在jquery datepicker中禁用将来的日期

来自分类Dev

JavaFX DatePicker禁用将来的日期

来自分类Dev

如何在日期选择器中禁用某些日期

来自分类Dev

如何在Android日期选择器中禁用将来的日期

来自分类Dev

如何Datepicker仅选择将来的日期并在JQuery和CSS中禁用过去的日期?

来自分类Dev

如何使用Datepicker禁用将来的日期

来自分类Dev

如何禁用Ajax calendarextender v3.5中的以前和将来的日期?

来自分类Dev

基金会日期选择器-禁用将来的日期

来自分类Dev

CakePHP中的Daterangepicker日期默认为零

来自分类Dev

启用某些特定日期后,禁用Pickadate(JavaScript)中的日期

来自分类Dev

JavaScript-如何根据用户选择的StartDate禁用将来的日期?

来自分类Dev

JavaScript-如何根据用户选择的StartDate禁用将来的日期?

Related 相关文章

  1. 1

    如何在daterangepicker中禁用将来的日期

  2. 2

    禁用过去的日期,仅在日期选择器中启用某些将来的日期

  3. 3

    禁用过去的日期,仅在日期选择器中启用某些将来的日期

  4. 4

    如何禁用daterangepicker中的过去日期?

  5. 5

    如何禁用daterangepicker中的过去日期?

  6. 6

    如何基于jquery datepicker中的某些datepicker值禁用将来的日期

  7. 7

    如何基于jquery datepicker中的某些datepicker值禁用将来的日期

  8. 8

    在CJuiDatePicker或EJuiDateTimePicker中禁用将来的日期

  9. 9

    AntD React:在DateRangePicker中禁用特定日期的时间范围

  10. 10

    如何在UIDatePicker中禁用将来的日期,月份和年份?

  11. 11

    在Jquery Ui Datepicker中禁用今天以后的将来日期

  12. 12

    在angular-bootstrap-datetimepicker中禁用将来的日期

  13. 13

    如何在X-Editable中禁用将来的日期?

  14. 14

    我无法在jquery datepicker中禁用将来的日期

  15. 15

    如何在UIDatePicker中禁用将来的日期,月份和年份?

  16. 16

    如何在Android中禁用将来的日期选择器

  17. 17

    如何在X-Editable中禁用将来的日期?

  18. 18

    我无法在jquery datepicker中禁用将来的日期

  19. 19

    JavaFX DatePicker禁用将来的日期

  20. 20

    如何在日期选择器中禁用某些日期

  21. 21

    如何在Android日期选择器中禁用将来的日期

  22. 22

    如何Datepicker仅选择将来的日期并在JQuery和CSS中禁用过去的日期?

  23. 23

    如何使用Datepicker禁用将来的日期

  24. 24

    如何禁用Ajax calendarextender v3.5中的以前和将来的日期?

  25. 25

    基金会日期选择器-禁用将来的日期

  26. 26

    CakePHP中的Daterangepicker日期默认为零

  27. 27

    启用某些特定日期后,禁用Pickadate(JavaScript)中的日期

  28. 28

    JavaScript-如何根据用户选择的StartDate禁用将来的日期?

  29. 29

    JavaScript-如何根据用户选择的StartDate禁用将来的日期?

热门标签

归档