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

时间:2014-07-06 13:56:46

标签: javascript backbone.js fullcalendar

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

3 个答案:

答案 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;
}