javascript - FullCalendar javascript - refetchEvents 不更新日历

Question

当我使用新事件更新“events”对象并调用 calander.fullCalendar('refetchEvents') 时，日历不会刷新。

示例:

events = [ { title  : 'event1', start  : '2015-11-01' } ];
calendar = jQuery("#calendar").fullCalendar({ events: events });
events = [ { title  : 'event2', start  : '2015-11-02' } ];
console.log(events);
calendar.fullCalendar('refetchEvents');

尽管我希望出现“event2”，但仍然只显示“event1”。

http://jsfiddle.net/u1fjfbzw/

Answer 1

让 event1 和 event2 同时显示的一种简单方法是再次添加事件数组作为事件源。 http://jsfiddle.net/u1fjfbzw/1/

events = [ { title  : 'event1', start  : '2015-11-01' } ];
calendar = jQuery("#calendar").fullCalendar({ events: events });
events = [ { title  : 'event2', start  : '2015-11-02' } ];

/* This will make it show up */
calendar.fullCalendar('addEventSource', events);

calendar.fullCalendar('refetchEvents');

代码中的“events”数组与 fullCalendar 的内部事件是分开的。从 fullcalendar.js 2.4.0 开始:

else if (typeof sourceInput === 'object') {
    source = $.extend({}, sourceInput); // shallow copy
}