Цвет фона календаря полного цвета

Question

Мне нужно изменить цвет фона дат в fullcalendar. Мой случай похож на этот вопрос: change background color of a range of dates in fullcalendar, но решение меняет цвет фона EVENT. Я хочу изменить цвет фона ячейки для дат, полученных от контроллера, например ["2013-02-22", "2013-2-20"]

Я попытался разобрать эти даты, а затем изменить его цвет фона с помощью функции jquery css, но это не сработало.

Answer 1

В месяц зрения, вы можете установить цвет фона отдельных дней, как это (с помощью JQuery):

$(".fc-day4").addClass("myBackgroundClass"); 

В файле CSS, вы будете иметь что-то вроде этого:

.myBackgroundClass { 
    background-color: grey; 
} 

Это даст четвертый день просмотра (не обязательно четвертый день месяца, так как первый день в месяц часто бывает с предыдущего месяца) на сером фоне.

В agendaWeek зрения он работает по-другому:

$(".fc-col0").addClass("myBackgroundClass"); 

Это даст самый левый день в недельном серый фон (используйте fc-col1 .. fc-col6 для остальных шести дней недели). В agendaDay просмотрите, просто используйте fc-col0.

Жесткая часть вычисляет, какая дата соответствует какому столбцу (и, в случае месячного просмотра, строки) в календаре. Вы можете выполнить эти вычисления в обратном вызове viewDisplay, который в соответствии с docs запускается «при загрузке календаря и каждый раз, когда отображается другой диапазон дат».

Когда вы начинаете ваши расчеты, вы хотите удалить свой собственный фон из всех столбцов и строк, которые вы можете сделать так:

$(".myBackgroundClass").removeClass("myBackgroundClass");