fullcalendar - 如何设置单个单元格而不是事件的背景颜色？

Question

我不想为圣诞节和复活节之类的事件创建事件，而是希望能够为受影响的日期单元格着色，甚至可能为每个事件设置灰色半透明文本。在 FullCalendar 中有什么简单的方法可以做到这一点吗？

编辑

有人向我指出 fc-state-highlight 用于突出显示 fc-today，所以也许可以做类似的事情，将 css 类应用于单元格并将其定义为“公共(public)假期颜色”。一个想法。问题是如何将此类应用于相关日期，以便它在 FC 中工作而不会破坏任何东西。

Answer 1

这可以使用 eventAfterAllRender 来完成.进行单独的 ajax 调用以查找所有假期，然后更改 td 的颜色。月份和假期为 6 月 1 日的示例，使用 FC 2.0.1 完成:http://jsfiddle.net/marcrazyness/C8jpm

       eventAfterAllRender: function (view) {
            //Use view.intervalStart and view.intervalEnd to find date range of holidays
            //Make ajax call to find holidays in range.
            var fourthOfJuly = moment('2014-07-04','YYYY-MM-DD');
            var holidays = [fourthOfJuly];
            var holidayMoment;
            for(var i = 0; i < holidays.length; i++) {              
                holidayMoment = holidays[i];
                if (view.name == 'month') {
                    $("td[data-date=" + holidayMoment.format('YYYY-MM-DD') + "]").addClass('holiday');
                } else if (view.name =='agendaWeek') {
                    var classNames = $("th:contains(' " + holidayMoment.format('M/D') + "')").attr("class");
                    if (classNames != null) {
                        var classNamesArray = classNames.split(" ");
                        for(var i = 0; i < classNamesArray.length; i++) {
                            if(classNamesArray[i].indexOf('fc-col') > -1) {
                                $("td." + classNamesArray[i]).addClass('holiday');
                                break;
                            }
                        }
                    }
                } else if (view.name == 'agendaDay') {
                    if(holidayMoment.format('YYYY-MM-DD') == $('#calendar').fullCalendar('getDate').format('YYYY-MM-DD')) {
                        $("td.fc-col0").addClass('holiday');
                    };
                }
            }
        }