我不知道这是一个功能还是一个bug。但是如果allDay为true,则事件结束值设置为null。 这是事件更新的功能:
change: function (eventModel) {
var currEvId = eventModel.get('_id');
var fcEvent = $("#calendar").fullCalendar('clientEvents', currEvId)[0] || {};
console.log("end before update : " + fcEvent.end);
fcEvent.title = alvEventModel.get("title");
fcEvent.start = new Date(alvEventModel.get("start"));
fcEvent.end = new Date(alvEventModel.get("end"));
fcEvent.allDay = alvEventModel.get("allDay"); //true or false
this.el.fullCalendar('updateEvent', fcEvent);
console.log("start: " + fcEvent.start);
console.log("end: " + fcEvent.end);
},
控制台显示
end before update : 1404896400000
end after update: null
fullcalendar属性forceEventDuration设置为true
this.$el.fullCalendar({
lang: 'sv',
header: {
left: 'prev,next, today',
center: 'title',
right: 'month,agendaWeek,agendaDay',
ignoreTimezone: false
},
forceEventDuration:true,
select: this.select,
selectable: true,
selectHelper: true,
editable: true,
disableDragging: true,
disableResizing: true,
aspectRatio: 2.5,
height: 600,
weekNumbers: true,
...
})
控制台显示
end before update : 1404864000000
end after update: 1404813300000
在这种情况下,事件的渲染是一天。即使在使用allDay更新为false之后,它仍会显示为一天的事件,直到从服务器重新加载事件为止。 我认为标准行为是针对allDay必须有一个开始和结束日期。但我不确定将结束日期声明为空的意图。可能是我错过了解这种行为之美。我不知道如何使用我的目标。我需要一个像其他日历一样的结束日期。
http://jsfiddle.net/Mr_Vertigo/k3RZX/1/ 版本是v2.0.2
答案 0 :(得分:10)
这个问题不是因为allday设置为true。 Fullcalendar有一个问题,如果开始日期和结束日期相同,它只会使结束日期为空。
如果事件的结束日期与开始日期相同,则FullCalendar认为它的持续时间为1天(假设结束时间为空白),因此它是一个相同的。它更喜欢存储更少的数据。因此,请仔细检查开始日期和结束日期是否相同。
但你可以简单地做一下解决方法:
eventClick: function(event) {
var start = event.start;
var end = event.end || start;
}
检查以下链接。
https://code.google.com/p/fullcalendar/issues/detail?id=1014
答案 1 :(得分:1)
不需要设置,因为您有defaultAllDayEventDuration
选项。
forceEventDuration
也不适用于所有日间活动(see here)
如果您不希望end为null,那么只需将其设置为manualy。
答案 2 :(得分:0)
当allDay更改时,FullCalendar总是将end设置为null,如您在doc中所见。 Line 1886
if (newAllDay != oldAllDay) {
// if allDay has changed, always throw away the end
clearEnd = true;
}