更改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/