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/

在FullCalendar中更改日期背景颜色

1 个答案: