Конкретный день или праздник в материализации

Question

можно ли сделать конкретный день, например, праздником, используя materializecss?

если я использую jqueryUI, используя 'beforeShowDay'. Шаг: я вызову функцию внутри функции beforeShowDay, верну статус даты (событие или праздник), добавлю еще одно условие и изменим CSS.

вот пример https://codepen.io/mohitbhansali/pen/NPxzYq

Мой вопрос, как создать праздник в materializecss? спасибо

Answer 1

В Materialize вы можете использовать опцию 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