更改 FullCalendar 中的天数背景颜色答案

【问题标题】：Change the days background color in FullCalendar更改 FullCalendar 中的天数背景颜色
【发布时间】：2013-07-30 08:10:31
【问题描述】：

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

Weekends
Weekdays
Month
Year

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

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

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

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

到目前为止我所做的尝试：

这里是Demo，用于更改周末的背景颜色。这会更改周末的背景颜色，包括当前显示在日历上的其他月份。但我只需要更改当前月份周末的背景颜色。

我怎样才能做到这一点？

【问题讨论】：

标签： javascript jquery asp.net css fullcalendar

【解决方案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/

【讨论】：

我问了一个新的question。如果你能帮助我，我很感激你。