FullCalendar結束日期不包含

Question

我使用FullCalendar Beta2，並將AllDay標誌設置爲True。 該日曆仍將結束日期視爲獨佔！ 如何使結束日期包含在內？

非常感謝。

Answer 1

@ZooZ -​​ 按照Beta 2的升級文件，終止日期現獨家：

所有結束日期現在是互斥的。例如，如果全天事件在星期四結束 ，則結束日期將是星期五的00:00:00。 1.x 版本在這方面有一些奇怪的規則。現在應該是 要簡單得多，現在獨家結束日期在整個API中一致地使用 。另外，這種行爲更符合 其他API和格式，例如iCalendar。

參考：http://arshaw.com/fullcalendar/wiki/Upgrading-to-2/

我想補充一個到您的最終日期計算來解決這個:)

Answer 2

您可以掛接到eventAfterAllRender和更新事件的副本，並迫使日曆刷新。

在我的示例中，修改僅適用於標記爲allDay事件（allDay：true）的事件。我只修改事件數據的副本/克隆，所以它只會改變顯示內容，而不會改變實際的數據（我認爲 - 我需要更好地測試它）（）。我添加了克隆功能，但如果你喜歡，你可以使用其他的東西。我添加了forceRendererToDisplay標誌使它只運行一次。

這裏是一個小提琴：https://jsfiddle.net/a3q9c5tr/15/

function clone(obj) { 
    if (null == obj || "object" != typeof obj) return obj; 
    var copy = obj.constructor(); 
    for (var attr in obj) { 
     if (obj.hasOwnProperty(attr)) copy[attr] = obj[attr]; 
    } 
    return copy; 
} 

$('#calendar1').fullCalendar({ 
forceRerenderToDisplay: true, 
eventAfterAllRender: function(){ 
    var startdatestr = this.options.events[0].start; 
    var enddatestr = this.options.events[0].end; 
    if(this.options.forceRerenderToDisplay == true){ 
     var endDisplayDate = new Date(enddatestr); 
     endDisplayDate.setDate(endDisplayDate.getDate() + 1); 
     this.options.forceRerenderToDisplay = false; 
     var evs = clone(this.options.events); 
     for(var i in evs){ 
     if(evs[i].allDay){ 
      evs[0].end = new Date(endDisplayDate).toISOString().slice(0,10); 
     } 
     } 
     this.calendar.removeEvents(); 
     this.calendar.addEventSource(evs); 
     this.calendar.rerenderEvents(); 
    } 
}, 
events:[ 
    {start:'2016-04-03',end:'2016-04-05',title:'my event', allDay:true} 
], 
header: { 
    left: 'prev,next,today', 
    center: 'title', 
    right: 'month,agendaWeek,agendaDay', 
    allDay:true 
    } 
});