如果条件匹配，在全日历中为一周中的每一天设置背景颜色？

Question

我将 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: "{{ event.title }}",
                date: '{{ event.date|date:"Y-m-d" }}',
                time: '{{ event.time }}',
                display: 'background'
            },
        {% endfor %}
    ],
});

Answer 1

我不确定我的答案有多优化，但我是这样实现的：

    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");
        }
    }

这里是代码的结果：

如果条件匹配，在全日历中为一周中的每一天设置背景颜色？

Set background color for each days of week in fullcalendar if a criteria matches?

django

jquery

calendar

fullcalendar

fullcalendar-3