javascript - 如何将多个类名添加到 fullcalendar 事件对象并删除一个指定的类名

标签 javascript jquery fullcalendar

有谁知道如何在一个事件中添加多个类名?

目前我的事件对象看起来像这样。

  var eventObject = {
            title: displayText,
            start: item.startDate,
            end : item.endDate,
            allDay:true,
            color: '#BABBBF',
            editable : false,
            className : "user_block"
    }

当我尝试这样的事情时

var eventObject = {
                title: displayText,
                start: item.startDate,
                end : item.endDate,
                allDay:true,
                color: '#BABBBF',
                editable : false,
                className : "user_block bday_block"
        };

下面的代码似乎并没有以正常行为执行,它应该删除所有带有“user_block”类的事件

$("#calendar").fullCalendar('removeEvents', function(event) {
    return event.className == "user_block";
});

关于如何解决这个问题的任何想法?谢谢。

最佳答案

来自documentation :

ClassName: String/Array. Optional. A CSS class (or array of classes) that will be attached to this event's element.

因此,您应该使用字符串数组将多个类附加到事件。

这应该可以解决您的问题:

var eventObject = {
        title: displayText,
        start: item.startDate,
        end : item.endDate,
        allDay: true,
        color: '#BABBBF',
        editable : false,
        className : ["user_block", "bday_block"]
}

关于javascript - 如何将多个类名添加到 fullcalendar 事件对象并删除一个指定的类名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24563991/

相关文章:

javascript - 设置按钮来运行不同的脚本

javascript - 如何检测CSS代码是否被激活

jquery - 在网站中实现 scrollify

javascript - Bootstrap 4 中的滚动标签

fullcalendar - 如何向 FullCalendar 的单元格添加按钮和链接

javascript - FullCalendar:获取初始日期/时间戳以在从服务器获取事件后显示

javascript - 刷新全日历时显示同一月/周/日

javascript - 深入理解 Javascript 中的闭包

javascript - RxJS:每隔x秒进行一次

javascript - 使用父 Controller 方法调用测试 Angular