Настройка цвета фона цветной камеры

Question

Я видел несколько тем о том, как установить цвет фона ячейки в fullcalendar, но ни один из них не работал для меня. Я предполагаю, что календарь использовался для перечисления дней с использованием их даты как таковой .fc-day5 или .fc-day17, но в версии 1.6.2 она больше не существует.

У меня есть список из нескольких событий, которые визуализируются, и я хочу установить их цвет ячейки (целую ячейку дня, а не только ячейку события) на определенный цвет.

Я использую «eventRender», чтобы попытаться установить класс

eventRender: function (event, element, monthView) { 
       if (event.className == "holiday") { 
        $day = $date.getDate(); 
        $("td.fc-day-number[value='" + $day + "']").addClass("holiday"); 
       } 
      }, 

Позвольте мне знать, если у вас есть какие-либо идеи о том, как установить цвет фона.

Answer 1

Ну, вы можете это сделать.

{ 
    title: 'Some title', 
    start: new Date(2014, 8, 24, 10, 30), 
    allDay: false, 
    editable: false, 
    backgroundColor: '#SomeColor', 
    borderColor: '#SomeColor' 
}, 
{ 
    title: 'Some title2', 
    start: new Date(2014, 8, 24, 10, 30), 
    allDay: false, 
    editable: false, 
    backgroundColor: '#SomeColor2', 
    borderColor: '#SomeColor2' 
} 

Кроме того, вы можете установить имя класса, как это:

{ 
    title: 'Teste1', 
    start: new Date(y, m, d, 10, 30), 
    allDay: false, 
    editable: false, 
    className: ["red"] 
}, 
{ 
    title: 'Teste1', 
    start: new Date(y, m, d, 10, 30), 
    allDay: false, 
    editable: false, 
    className: ["green", "secondClass"] 
} 

Затем описать этот стиль класса

<style> 

.red { 
    background-color:red; 
} 

.green { 
    background-color:green; 
} 
.green{ 
// do something 
} 
</style> 

Answer 2

Вы можете попробовать установить цвет фона события. Что-то вроде этого:

event.backgroundColor = 'cccccc#'; 

Или для фона ячейки:

$('.fc-day[data-date="' + date + '"]').css('background', color); 

date должна быть строка даты эквивалентно PHP Y-m-d формат даты. Изменение стиля при кадрировании.