时间戳

首页 > 解决方案 > 具体日期或假期实现

javascript - 具体日期或假期实现

问题描述

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

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

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

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

标签： javascriptjquerydatepickermaterialize

解决方案

在 Materialize 中，您可以使用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

推荐阅读