具体的一天或假期

时间:2018-08-28 07:46:42

标签: javascript jquery datepicker materialize

是否可以使用materializecss进行特定的一天,例如假期?

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

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

我的问题是如何在实现过程中创建假期?谢谢

1 个答案:

答案 0 :(得分:1)

在实现中,您可以使用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