事件大小调整后fullcalendar事件结束日期不正确
调整事件大小后,返回的结束日期不正确。。我不明白为什么 我正在使用以下代码:事件大小调整后fullcalendar事件结束日期不正确,fullcalendar,Fullcalendar,调整事件大小后,返回的结束日期不正确。。我不明白为什么 我正在使用以下代码: $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,basicWeek,basicDay' }, defaultDate: '2014-11-07', editable: true, even
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek,basicDay'
},
defaultDate: '2014-11-07',
editable: true,
eventDrop: function(event){
event.start._i = event.start.format();
},
eventResize: function(event) {
event.end._i = event.end.format();
},
eventLimit: true, // allow "more" link when too many events
events: [{
id: 'All Day Event',
title: 'All Day Event',
start: '2014-11-03'
}, {
id: 'popo',
title: 'popo',
start: '2014-11-04T10:30:00',
end: '2014-11-05T12:30:00',
description: 'This is a cool event'
}, {
id: 'popo2',
title: 'popo2',
//url: 'http://google.com/',
start: '2014-11-06'
}]
});
如果我只是简单地移动事件(拖放),它可以正常工作并正确返回开始日期
但是如果我调整事件的大小,它将返回错误的结束日期,而且开始日期也不正确
我已经创建了一个Plunker,您可以在其中查看更新是如何进行的 重要的是,在修改事件时,要修改的对象是来自fullCalendar(“clientEvents”)的对象 这样的事情会失败:
myEvent = {
id: 1, title : "myTitle", start: moment()
}
.fullCalendar('renderEvent', myEvent );
mySlot.myTitle = "anotherTitle";
.fullCalendar('updateEvent', myEvent );
但这将起作用:
myEvent = {
id: 1, title : "myTitle", start: moment()
}
.fullCalendar('renderEvent', myEvent );
myFCEvent = .fullCalendar('clientEvents', 1);
myFCEvent.title = "Another title";
.fullCalendar('updateEvent', myFCEvent);
我的答案来得很晚,但正如中所说,event.start.\u i由矩量.js用于内部逻辑
您的event.start确实包含您的更新日期(我认为它位于event.start\d),但您不需要使用这些内部对象,因为FullCalendar将考虑这些对象,并将自己使用正确的(更新的)日期。通过添加
.utc().format()
在我看来正确吗?
moment.parseZone('2016-05-03T22:15:01+02:00').utc().format(); //"2016-05-03T20:15:01Z"