具体日期或假期具体化

Question

是否可以使用 materializecss 将特定的一天设为假期？

如果我使用 jqueryUI 使用 'beforeShowDay'。步骤是我将在 beforeShowDay 函数中调用一个函数，return 日期状态（事件或假期），添加另一个条件并更改 CSS.

这里有一个例子https://codepen.io/mohitbhansali/pen/NPxzYq

我的问题是如何在 materializecss 中创建假期？谢谢

Answer 1

在 Materialise 中，您可以使用 events 选项并添加要突出显示的日期数组。

天数格式必须是 eee mmm dd yyyy。在此具体化之后，将 has-event class 添加到日期，您可以使用它来突出显示带有 css.

的日期

假设您要突出显示八月的所有星期日作为假期：

$(document).ready(function(){
   $('.datepicker').datepicker({
      events: ["Sun Aug 05 2018",
               "Sun Aug 12 2018",
               "Sun Aug 19 2018",
               "Sun Aug 26 2018"
              ]
      });
});

这是完整的示例：jsFiddle

具体日期或假期具体化

Specific day or holiday in materialize

javascript

jquery

datepicker

materialize