javascript - 使用 removeEvents 方法删除特定事件

Question

我刚开始使用这个插件，但在删除我刚刚创建的事件时遇到了一些问题。我可以在使用 eventClick 时删除所有事件，但不能删除 eventClick 上的特定事件。

如有任何帮助，我们将不胜感激。这是我的代码。

<script type='text/javascript'>

$(document).ready(function() {

    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();

    var calendar = $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        selectable: true,
        selectHelper: true,
        select: function(start, end, allDay) {
            var title = prompt('Trade Show Name:');
            if (title) {
                calendar.fullCalendar('renderEvent',
                    {
                        title: title,
                        start: start,
                        end: end,
                        allDay: allDay,
                        id: 12
                    },
                    true // make the event "stick"
                );
            $('input[name="startDate"]').val(start);
            }
            calendar.fullCalendar('unselect');
        },
        eventClick: function(calEvent, jsEvent, view) {
            $('#calendar').fullCalendar('removeEvents', function (calEvent) {
                return true;
            });,
        editable: true
    });

});

Answer 1

您可以通过两种方式做到这一点:

1) 为您的每个事件设置唯一 ID，并将这些 ID 传递给 removeEvents 调用。

eventClick: function (calEvent, jsEvent, view) {           
    $('#calendar').fullCalendar('removeEvents', calEvent._id);
}

这里的 _id 是 fullCalendar 生成的唯一 ID。

2) 传递一个过滤函数来删除你想要的事件。

考虑到您正尝试在 eventClick 中执行此操作，我建议您使用第二个。您的案例示例如下:

eventClick: function (calEvent, jsEvent, view) {
    $('#calendar').fullCalendar('removeEvents', function (calEvent) {
        return true;
    });
}

此处传递给 removeEvents 的过滤器函数接受您要删除的事件并返回 true。由于您是在 eventClick 中执行此操作，因此您只需传递 calEvent。

希望这对您有所帮助!