jQuery FullCalendar：更改每個星期六的顏色，該月的最后一個星期六除外

Question

目前，我正在一個已實現jQuery Fullcalendar的項目中工作。

有一些要求，例如：

1. 更改每個星期日的顏色（因為星期日將關閉）

2. 更改除所有月份的最后一個月之外的每個星期六的顏色（最后一個星期六為開）

我已經使用CSS完成了第一個任務

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

但是我堅持要完成第二項任務。

我試圖在Google上進行搜索，但找不到該怎么做。

想要使用jquery / Javascript / CSS應用任何解決方案。

這是小提琴

謝謝

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