jQuery fullcalendar: Как настроить и изменить цвет фона дней, не относящихся к текущему месяцу?

Question

Я создаю календарь, который показывает разные события за данный месяц. Я использую jQuery fullcalendar.

У меня есть определенный цвет для каждого дня месяца.

Для этого я использую следующий код:

dayRender: function (date, cell) { 
    var cellDate = date.format('D'); 
    cell.css('background-color', json_backgrundColor[cellDate]);  
}, 

json_backgrundColor[cellDate] представляет собой массив, который содержит определенный цвет для каждого дня. cellDate - целое число (1 конец конкретного месяца (28/29/30/31)).

Моя проблема заключается в том, что на нее влияют и дни предыдущего месяца и следующего месяца. Они окрашиваются в соответствии со значениями конкретного месяца.

например: - День 29 предыдущего месяца получает цвет фона в 29-й день текущего месяца - 1-й день следующего месяца становится все цвета фона в 1-й день текущего месяца

Смотреть эту картину:

[

Я хочу цвет фона дней от предыдущего/следующего месяца будет белым. (см. отмеченные дни на прикрепленном изображении, они не относятся к конкретному месяцу, и я хочу, чтобы они были с белым фоном)

Кто-нибудь знает, как я могу настроить их и сделать?

Answer 1

Попробуйте следующее: .fc-other-month { background-color: red; } `

Answer 2

Попробуйте это:

.fc-other-month{ 

цвет фона: красный; }

Нажмите здесь [https://jsfiddle.net/Venkatachalam_Perisetla/hzq47kbg/][1]

Answer 3

Клетки, которые выходят за пределы текущего месяца получить класс fc-other-month - так все, что вам нужно сделать, должно быть, чтобы проверить класс, и работать только на клетке, если она Безразлично У него есть:

dayRender: function(date, cell) { 
    if(!cell.hasClass('fc-other-month')) { 
    cell.css('background-color', 'blue'); // or whatever 
    } 
}