javascript - 具体日期或假期具体化

Question

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

如果我通过 'beforeShowDay' 使用 jqueryUI。这一步是我将在 beforeShowDay 函数中调用一个函数，返回日期的状态(事件或假期)，添加另一个条件并更改 CSS。

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

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

Answer 1

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

天数格式必须是eee mmm dd yyyy。在此具体化之后，向日期添加一个 has-event 类，您可以使用它通过 css 突出显示日期。

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

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

这是完整的例子:jsFiddle