Fullcalendar不断更改CSS规则

Question

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

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

我想做的是显示常规事件，并使用css规则display : none隐藏这些假期事件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');
                }
            });
}

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

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

Answer 1

嗨，我认为这部分代码

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

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

Answer 2

这里的问题是stick:true选项，未为“假日活动”启用。