javascript - Fullcalendar updateEvent 未正确呈现事件

Question

我正在使用 updateEvent 方法在周 View 中动态更新事件。

$('#calendar').fullCalendar( 'updateEvent', event);

如果我更新事件的日期，它工作得很好(它在全天时段中移动得很好)。但是，如果我更改现有事件的开始/结束时间，则在 updateEvent 之后看不到该事件(这意味着更新的事件消失了)

我在控制台中看到事件对象

start: Object, end: null, // For the old event. Object is moment, converted by fullcalendar
start: '2017-02-14T07:00:00', end: '2017-02-14T08:00:00' // Updated date and time

所以，显然我正在正确设置日期和时间。我不知道为什么它不起作用。有什么建议吗？

Answer 1

我解决了这个问题。

我尝试使用 removeEvents 删除旧事件，并通过调用 renderEvents 创建一个新事件。还是同样的问题。

然后，我尝试从事件对象中删除所有以 _ 开头的属性，当我从 fullcalendar 中删除 source 对象时，它就起作用了。 .

From the docs, source is automatically populated and it is the reference to the event source that this event came from.

很明显，当我们更新事件时，我们必须删除事件的 source 属性，否则它可能仍然引用旧的事件。

这是我的代码。

$('.calendar').fullCalendar('removeEvents', oldEvent._id);
delete oldEvent._id;
delete oldEvent._allDay;
delete oldEvent._start;
delete oldEvent._end;
delete oldEvent.source;
$('.calendar').fullCalendar('renderEvent', oldEvent, true);