Question

我的问题是关于造型假日活动。

我使用常规事件和假日事件获取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');
                }
            });
}

它有效，它会改变颜色，但如果我点击更改月份，它就会消失。

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

Answer 1

嗨，我认为这部分代码

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

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

Answer 2

这里的问题是选项stick:true，没有为假日事件启用。

Fullcalendar不断更改CSS规则

2 个答案: