Question

我动态地将事件源添加到fullcalendar对象（addEventSource）。

我不明白如何使用removeEventSource引用这些事件源来删除它们。

我在这里有一个例子： http://jsfiddle.net/64L4npzo/

calendar = jQuery("#calendar").fullCalendar();

event_count = 0;
jQuery(document).on("click", ".add_random_event", function() {
    event_count++;
    var json_source = [ { title  : 'event to remove', start  : '2015-11-04' } ];
    calendar.fullCalendar('addEventSource', json_source);
    jQuery("<div class='remove_event_source' event_count='" + event_count + "'>Remove Event " + event_count + "</div><br>").appendTo("#event_removal");

});

jQuery(document).on("click", ".remove_event_source", function() {
    calendar.fullCalendar("removeEventSource", jQuery(this).attr("event_count"));
    console.log("Tried to remove event #" + jQuery(this).attr("event_count"));                
});

我已阅读此解决方案，但我不确定如何应用它：Problem removing event sources from FullCalendar (jQuery)

Answer 1

如果将源对象作为数据属性附加到“删除此源”按钮，则可以稍后将该数据属性用作removeEventSource方法中的源。

在addEventSource期间：

jQuery("<div class='remove_event_source' event_count='" + event_count + "'>Remove Event " + event_count + "</div><br>").data('source', json_source).appendTo("#event_removal");

使用removeEventSource时：

calendar.fullCalendar("removeEventSource", jQuery(this).data('source'));

我还做了一些更改，以确保您的源对象是唯一的并更新了jsfiddle：http://jsfiddle.net/64L4npzo/4/

动态事件{full}的removecvent.io removeEventSource

1 个答案: