javascript - Fullcalendar不断更改CSS规则

我这里的问题是关于一些节日活动的样式。

我已获取带有常规事件和假日事件的eventSource，标记为：event.holiday = true

我想做的是显示常规事件，并使用CSS规则display : none隐藏那些假期事件，并更改日期编号的颜色。我添加了一个holiday类，以便能够从jQuery进行访问。

这是一段更改日期数字颜色的代码：

eventRender: function (event, element, view){
            $('.fc-day-number').each(function () {
                var currentDate = (new
                Date(event.start)).toISOString().slice(0, 10);
                var day = $(this).parent().attr('data-date');
                if (currentDate == day && event.holiday) {
                    $(this).addClass('holiday');
                }
            });
}

它可以起作用，它可以更改颜色，但是如果单击更改月份，它将消失。

我想念什么吗？有没有更简单的方法来实现这一目标？

最佳答案

嗨，我认为这部分代码

if (currentDate == day && event.holiday) {
    $(this).addClass('holiday');
 }

更改此颜色，尤其是更改addClass（'holiday'）。
您可以尝试在CSS文件中设置此类的样式