jQuery FullCalendar：更改每个星期六的颜色，除了本月的最后一个星期六

Question

目前我正在开发一个我实现了jQuery Fullcalendar的项目。

几乎没有要求：

1. 更改每个星期日的颜色（星期日将关闭）

2. 更改每个星期六的颜色，除了所有月份的最后一个星期六（上周六开启）

我已经使用CSS

完成了第一项任务

.fc-sun {
    background-color: #FFe5e5 !important;
}

但我仍然在努力完成第二项任务。

我试图搜索谷歌但却找不到如何做到这一点。

想要使用jquery / Javascript / CSS应用任何解决方案。

以下是fiddle

谢谢

Answer 1

将此添加到日历选项：

viewDisplay: function(view) {
   $(".fc-sun, .fc-sat").addClass("non-working-day");
   $(".fc-sat:not(.fc-other-month)").last().removeClass("non-working-day");
},

这对css：

.non-working-day{
    background-color: #FFe5e5 !important;
}

说明：

viewDisplay函数将在每次重新加载视图时调用（例如，更改月份）。每次我们需要找到那个月的最后一个星期六。我们首先在所有周六和周日添加一个课程，然后我们将该课程删除到上周六，因为它是一个工作日。

Answer 2

viewDisplay:选项不适用于某些旧版本所以，如果您使用旧版本的完整日历，请尝试使用此功能

viewRender: function(view) {
   $(".fc-sun, .fc-sat").addClass("non-working-day");
   $(".fc-sat:not(.fc-other-month)").last().removeClass("non-working-day");
},

删除旧的css并添加此

.non-working-day{
    background-color: #FFe5e5 !important;
}