当allDay为true时,fullcalendar返回事件结束null

Question

我不知道它是一个功能还是一个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

Answer 1

这个问题不是因为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

Answer 2

它不需要设置，因为你有defaultAllDayEventDuration选择。也不forceEventDuration适用于全天活动（请参阅此处）

如果您不希望 end 为空，则只需手动设置即可。