如何在jQuery UI日期选择器中禁用公共假期?

吉米·钟(Jimmy_Chong)

我正在申请假期预订,显然您不需要预订已经给您的假期,因此我需要知道如何禁用圣诞节,例如每年从日期选择器中禁用,而不必每年更改代码。

到目前为止,这是我的jQuery UI日期选择器代码:

<script>
$(function() {
  $("#from").datepicker({
      beforeShowDay: $.datepicker.noWeekends,
      defaultDate: "today",
      changeMonth: true,
      numberOfMonths: 1,
      minDate: "today",
      dateFormat: "dd/mm/yy",
      onClose: function(selectedDate) {
        $( "#to" ).datepicker("option", "minDate", selectedDate);
      }
  });
  $("#to").datepicker({
    beforeShowDay: $.datepicker.noWeekends,
    defaultDate: "today",
    changeMonth: true,
    numberOfMonths: 1,
    minDate: "today",
    dateFormat: "dd/mm/yy",
    onClose: function(selectedDate) {
      $("#from").datepicker("option", "maxDate", selectedDate);
    }
  });
});
</script>
安努普·乔希(Anoop Joshi)

您可以排除类似的日期

var holidays = ["2014-02-27","2014-02-01"];
$( "#from" ).datepicker({
beforeShowDay: function(date){
    var datestring = jQuery.datepicker.formatDate('yy-mm-dd', date);
    return [ holidays.indexOf(datestring) == -1 ]
}
});

您可以为假期数组提供更多日期

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在jQuery UI日期选择器中禁用公共假期?

来自分类Dev

如何使用 laravel 5.7 在数据选择器上禁用公共假期

来自分类Dev

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

来自分类Dev

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

来自分类Dev

如何在jQuery UI日期选择器中动态设置最小和最大日期

来自分类Dev

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

来自分类常见问题

如何在Android日期选择器中禁用过去的日期?

来自分类Dev

如何在Twitter引导日期选择器中禁用结束日期范围?

来自分类Dev

如何在引导日期时间选择器中禁用今天的过去日期?

来自分类Dev

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

来自分类Dev

在jQuery Mobile UI中添加日期选择器

来自分类Dev

如何使用日期选择器禁用今天的日期-Material UI

来自分类Dev

如何在引导日期选择器中从当前月份禁用未来月份

来自分类Dev

如何在反应日期选择器中动态禁用天数

来自分类Dev

jQuery Ui日期时间选择器

来自分类Dev

jQuery UI日期时间选择器

来自分类Dev

jQuery ui 日期选择器

来自分类Dev

如何在 aurelia 中使用 JQuery UI 日期选择器更改语言环境?

来自分类Dev

在来自 PHP 和 Mysql 的 jquery 日期选择器中禁用给定范围内的日期

来自分类Dev

在其他日期选择器中选择日期时如何禁用日期选择器中的日期

来自分类Dev

如何禁用过去的日期而不将其隐藏在剑道日期选择器中?

来自分类Dev

如何删除或禁用日期选择器或其他输入中先前选择的值?

来自分类Dev

如何删除或禁用日期选择器或其他输入中先前选择的值?

来自分类Dev

如何在实现日期选择器中设置日期

来自分类Dev

如何在日期选择器中显示所选日期?

来自分类Dev

如何在Kendo UI中创建Jalali日期选择器?

来自分类Dev

如何从AngularJS的控制器中启用/禁用角材料日期选择器

来自分类Dev

在 Jquery UI 日期选择器中与日期一起显示动态价格

来自分类Dev

无法使用jQuery UI的日期选择器比较日期

Related 相关文章

  1. 1

    如何在jQuery UI日期选择器中禁用公共假期?

  2. 2

    如何使用 laravel 5.7 在数据选择器上禁用公共假期

  3. 3

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

  4. 4

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

  5. 5

    如何在jQuery UI日期选择器中动态设置最小和最大日期

  6. 6

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

  7. 7

    如何在Android日期选择器中禁用过去的日期?

  8. 8

    如何在Twitter引导日期选择器中禁用结束日期范围?

  9. 9

    如何在引导日期时间选择器中禁用今天的过去日期?

  10. 10

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

  11. 11

    在jQuery Mobile UI中添加日期选择器

  12. 12

    如何使用日期选择器禁用今天的日期-Material UI

  13. 13

    如何在引导日期选择器中从当前月份禁用未来月份

  14. 14

    如何在反应日期选择器中动态禁用天数

  15. 15

    jQuery Ui日期时间选择器

  16. 16

    jQuery UI日期时间选择器

  17. 17

    jQuery ui 日期选择器

  18. 18

    如何在 aurelia 中使用 JQuery UI 日期选择器更改语言环境?

  19. 19

    在来自 PHP 和 Mysql 的 jquery 日期选择器中禁用给定范围内的日期

  20. 20

    在其他日期选择器中选择日期时如何禁用日期选择器中的日期

  21. 21

    如何禁用过去的日期而不将其隐藏在剑道日期选择器中?

  22. 22

    如何删除或禁用日期选择器或其他输入中先前选择的值?

  23. 23

    如何删除或禁用日期选择器或其他输入中先前选择的值?

  24. 24

    如何在实现日期选择器中设置日期

  25. 25

    如何在日期选择器中显示所选日期?

  26. 26

    如何在Kendo UI中创建Jalali日期选择器?

  27. 27

    如何从AngularJS的控制器中启用/禁用角材料日期选择器

  28. 28

    在 Jquery UI 日期选择器中与日期一起显示动态价格

  29. 29

    无法使用jQuery UI的日期选择器比较日期

热门标签

归档