更改FullCalendar中的天背景顏色

Question

我在我的asp.net應用程序中使用FullCalendar。在我的申請中有四個asp:Button如下。

Weekends 
Weekdays 
Month 
Year 

當用戶點擊按鈕Weekends，我需要改變的當月Weekend days的背景色。

當用戶點擊Weekdays按鈕，我需要改變當前月份的Weekdays的背景顏色。

當用戶點擊Month按鈕時，我需要改變當前月份的all days的背景顏色。

當用戶點擊Year按鈕時，我需要改變當年的all days的背景顏色。

是我迄今爲止嘗試：

這裏是週末Demo變革的背景色。這改變了週末的背景顏色，包括當前在日曆上顯示的其他月份的背景顏色。但我只需要改變當前的週末背景顏色。

我該如何做到這一點？

Answer 1

你幾乎在你的演示中。您只需過濾掉其他月份的日子 - 幸運的是，FullCalendar會使用CSS類fc-other-month標記那些日子。

通過稍微在這裏改變你的代碼是你如何能在週末做：

$('#weekends').click(function() { 

    $('.fc-day.fc-sat').not('.fc-other-month').css('backgroundColor','#bce8f1'); 
    $('.fc-day.fc-sun').not('.fc-other-month').css('backgroundColor','#bce8f1'); 

}); 

而上的jsfiddle更新的演示：http://jsfiddle.net/z8Jfx/22/