javascript - 完整日历插件不删除事件

Question

我正在使用full calendar plugin v3.问题是当我指定参数时，removeEventSource 函数不起作用。我尝试将 Id、URL 作为参数，并使用 refetchEvents，但没有成功。

$('#calendar').fullCalendar( 'removeEventSource'); //working without parameters

$('#calendar').fullCalendar( 'removeEventSource', 1); //does not work

数组:

var  events = [
            {    id: 1,

                title: 'dinner',
                start: '2016-09-14',
                end: '2016-09-14'
            },
            {    id: 2,
                title: 'All Day Event',
                start: '2016-09-10',
                end: '2016-09-10'
            },
            {   id: 3,
                title: 'Long Event',
                start: '2016-09-10',
                end: '2016-09-10'
            },
            {   id: 4,
                title: 'Repeating Event',
                start: '2016-09-09T16:00:00',
                end: '2016-09-09'
            }
        ]

使用日历

 var calender = $('#calendar').fullCalendar({
    header: {
    left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        defaultDate: '2016-09-12',
        navLinks: true, 
        selectable: true,
        droppable: true,
        selectHelper: true,
        select: function(start, end) {
            var title = prompt('Event Title:');
            var eventData;
            if (title) {
                eventData = {
                    title: title,
                    start: start,
                    end: end
                };
                $('#calendar').fullCalendar('renderEvent', eventData, true); 
            }
            $('#calendar').fullCalendar('unselect');
        },
        drop: function() {
            if ($('#drop-remove').is(':checked')) {
                $(this).remove();
            }
        }
        ,
        editable: true,
        eventLimit: true, 
        events :  events
    });

点击事件

$('body').on('click','.fc-close',function(e){
    //alert('remove event');
    $('#calendar').fullCalendar( 'removeEventSource', 1);
    $('#calendar').fullCalendar( 'refetchEvents' );



    });

Answer 1

您对 eventSources 和 events 有点困惑，evenSource 是事件的集合，因此当您在初始化中传递该 events 时默认 eventSource 是在没有 id 的情况下初始化的，这就是为什么它仅在您不传递任何 id 时才起作用。传递 eventSource 的正确方法是将事件嵌入其中并给出一个每个 eventSource 项目的 id 如下所示

var eventSrc = [
                 {  
                    id:1,
                    events : [{                             
                                id: 1,
                                title: 'dinner',
                                start: '2016-09-14',
                                end: '2016-09-14'
                              },
                              {    
                                id: 2,
                                title: 'All Day Event',
                                start: '2016-09-10',
                                end: '2016-09-10'
                             }]
                 },
                 {  
                    id:2,
                    events : [{                                 
                                id: 1,
                                title: 'camping',
                                start: '2016-08-14',
                                end: '2016-08-14'
                              },
                              {    
                                id: 2,
                                title: 'sports day',
                                start: '2016-08-10',
                                end: '2016-08-10'
                             }]
                 }
               ]

初始化中

var calender = $('#calendar').fullCalendar({
                                            //other stuff
                                            eventSources : eventSrc
                                          });

现在只需传递 eventSource 的 id 即可将其删除

$('#calendar').fullCalendar( 'removeEventSource', 1);