具体日期或假期实现

Question

是否可以使用 materializecss 制作特定的日子，例如假期？

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

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

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

Answer 1

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

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

假设您想将 8 月的所有星期日突出显示为假期：

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

这里是完整的例子：jsFiddle