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

马可

我正在使用基金会datepicker,并且试图禁用日期。我可以为一个字段禁用日期,该字段的日期从一周前开始被禁用,但是我不能禁用从现在到将来的日期:

onRender: function (date) {
   return date.valueOf() > date.valueOf() ? 'disabled' : '';
}

这是完整的代码:

var date = new Date();
var weekBack = new Date(new Date(date).setDate(date.getDate() - 7));

$('#datePicker').fdatepicker({
    closeButton: false,
    initialDate: weekBack,
    format: 'dd.mm.yyyy',
    onRender: function (date) {
        return date.valueOf() > weekBack.valueOf() ? 'disabled' : '';
      },
    }).on('changeDate', function (ev) {
           var dateFrom = $("#datePicker").val().split(".").reverse().join("-");
           var dateTo = $("#datePicker1").val().split(".").reverse().join("-");
           timelines(dateFrom, dateTo);
           barCharts(dateFrom, dateTo);
  });

  $('#datePicker1').fdatepicker({
      closeButton: false,
      initialDate: date,
      format: 'dd.mm.yyyy',
      onRender: function (date) {
        return date.valueOf() > date.valueOf() ? 'disabled' : '';
      },
    }).on('changeDate', function (ev) {
           var dateFrom = $("#datePicker").val().split(".").reverse().join("-");
           var dateTo = $("#datePicker1").val().split(".").reverse().join("-");
           timelines(dateFrom, dateTo);
           barCharts(dateFrom, dateTo);
  });
汤米·黄(Tommy Hoang)

您只需将endDate设置如下:

var now = new Date();    
$("#birthday").fdatepicker({
                format: "dd M yyyy",
                endDate: now
            });

相反,如果要禁用过去的几天,请设置startDate:

var now = new Date();
$("#checkin").fdatepicker({
                format: "dd M yyyy",
                startDate: now
            });

希望这个有用!

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

基金会日期选择器限制日期

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

JavaFX DatePicker禁用将来的日期

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

日期选择器会丢失样式

来自分类Dev

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

来自分类Dev

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

来自分类Dev

关闭日期选择器时,日期选择会闪烁

来自分类Dev

禁用日期JDates选择器

来自分类Dev

jQuery:启用/禁用日期选择器

来自分类Dev

在日期选择器中选择后禁用日期

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

在日期选择器中设置最大日期时可以选择将来的日期

来自分类Dev

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

来自分类Dev

Angular Bootstrap日期选择器-禁用日期

来自分类Dev

使用日期选择器禁用今天之前的日期

Related 相关文章

  1. 1

    基金会日期选择器限制日期

  2. 2

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

  3. 3

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

  4. 4

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

  5. 5

    JavaFX DatePicker禁用将来的日期

  6. 6

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

  7. 7

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

  8. 8

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

  9. 9

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

  10. 10

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

  11. 11

    日期选择器会丢失样式

  12. 12

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

  13. 13

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

  14. 14

    关闭日期选择器时,日期选择会闪烁

  15. 15

    禁用日期JDates选择器

  16. 16

    jQuery:启用/禁用日期选择器

  17. 17

    在日期选择器中选择后禁用日期

  18. 18

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

  19. 19

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

  20. 20

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

  21. 21

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

  22. 22

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

  23. 23

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

  24. 24

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

  25. 25

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

  26. 26

    在日期选择器中设置最大日期时可以选择将来的日期

  27. 27

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

  28. 28

    Angular Bootstrap日期选择器-禁用日期

  29. 29

    使用日期选择器禁用今天之前的日期

热门标签

归档