Установить цвет фона для каждого дня недели в полном календаре при совпадении критерия?
Я использую django с fullcalendar и хочу изменить цвет дней на основе расписания пользователя.
вот структура расписания пользователя:
Sunday: off // e.g. color should be blue
Monday: work // e.g. color should be pink
Tuesday: home // e.g. color should be yellow
...
Я хочу изменить все Sunday's цвета на синий и так далее.
вот мой код:
$('#calendar').fullCalendar({
header: {
left: 'prev',
center: 'title',
right: 'next'
},
defaultView: 'month',
eventLimit: true,
events: [
{% for event in events %}
{
title: "{{ scheduled_event.title }}",
date: '{{ scheduled_event.date|date:"Y-m-d" }}',
time: '{{ scheduled_event.time }}',
display: 'background'
},
{% endfor %}
],
});
Я не уверен, насколько оптимизирован мой ответ, но я реализую его следующим образом:
dayRender: function(date, cell) {
day = moment(date).format('ddd');
if (day == 'Sat') {
cell.css("background-color", "red");
} else if (day == 'Sun') {
cell.css("background-color", "orange");
} else if (day == 'Mon') {
cell.css("background-color", "green");
} else if (day == 'Tue') {
cell.css("background-color", "blue");
} else if (day == 'Wed') {
cell.css("background-color", "yellow");
} else if (day == 'Thu') {
cell.css("background-color", "purple");
} else {
cell.css("background-color", "pink");
}
}
вот результат кода:

