在FullCalendar中更改日期背景颜色

我在我的asp.net应用程序中使用FullCalendar 。 我的应用程序中有四个asp:Button ，如下所示。

 Weekends Weekdays Month Year 

当用户点击Weekends按钮时，我需要更改当月Weekend days的背景颜色。

当用户点击Weekdays按钮时，我需要更改当月Weekdays的背景颜色。

当用户点击“ Month按钮时，我需要更改当月all days的背景颜色。

当用户点击Year按钮时，我需要更改当年all days的背景颜色。

到目前为止我尝试了什么：

这是周末变化背景颜色的演示 。 这会更改周末的背景颜色，包括当前显示在日历上的其他月份。 但我只需要改变目前几个月的周末背景颜色。

我怎样才能做到这一点？

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/