Как выделить выходные в Fullcalendar с пользовательскими настройками в slotduration и slotLabelInterval - PullRequest
Новая
       8

Как выделить выходные в Fullcalendar с пользовательскими настройками в slotduration и slotLabelInterval

0 голосов
/ 25 мая 2020

У меня есть настройки slotDuration и slotLabelInterval, потому что мне нужно показывать события в середине дня. Но когда я устанавливаю эти параметры, Fullcalendar не добавляет классы fc-sat и fc-sun в выходные дни. Как я могу их выделить? 

  firstDay: 1,
  slotWidth: 22,
  slotDuration: '12:00',
  slotLabelInterval: '24:00',
  slotLabelFormat: [{ weekday: 'short', day: 'numeric' }],

enter image description here

1 Ответ

1 голос
/ 26 мая 2020

Я нашел грязное обходное решение, но оно работает. Идея состоит в том, чтобы выбрать span.fc-cell-text по названию дня в заголовке (в примере используются чешские названия дней), затем по его родительскому элементу th.fc-widget-header получить значение даты его даты, а затем просто добавить класс, чтобы выделить весь столбец эта дата. Поскольку день разделен на 12 часов, необходимо также выделить дату с помощью T00:00:00 и T12:00:00 времени. 

$('span.fc-cell-text:contains("so "), span.fc-cell-text:contains("ne ")').each(function() {
    var date = $(this).parents('.fc-widget-header').data('date');
    $('td[data-date="' + date + '"], td[data-date="' + date.replace('T00:00:00', 'T12:00:00') + '"]').addClass('fc-sat');
 });

Еще одно решение, которое у меня в голове, - это найти серверным скриптом выходные дни, но это намного проще и быстрее реализовать.

...