Chrome浏览器中的Fullcalendar标签顺序有所不同

Question

我正在使用Fullcalendar来显示用户输入和输出时间。

我按照以下顺序在fullcalendar中显示标签。 First In，Duration，Last Out。一切正常。 但在Chrome Browser显示标签的顺序在某些日期有所不同。

启动Fullcalendar

$('#calendar').fullCalendar({ 
theme: true, 
header: { 
left: 'prev,today,next', 
center: 'title', 
right: 'month,agendaWeek,agendaDay' 
}, 
contentHeight: 400, 
editable: false, 
weekends: true, 
aspectRatio: 2, 
events: arr//Array of labels First In, Duration, Last out 
}); 

显示在浏览器Firfox：的Chrome浏览器正确看待

显示：不正确的观点

它应该按照给定的顺序，但不是。有没有解决这个问题的方法。在Plnkr

实时预览网址：http://plnkr.co/edit/8rxDGUUBJVRq1dja0Xm1?p=preview

Answer 1

尝试升级到2.4.0 fullcalendar或更高版本，并使用eventOrder选项。

默认情况下，FullCalendar决定具有较长持续时间和较早开始时间的事件被排序在其他事件之上。但是，事件往往具有相同的确切开始时间和持续时间，对于全天事件尤其如此。默认情况下，发生这种情况时，事件按标题按字母顺序排序。 eventOrder提供了覆盖此行为的功能。

似乎没有与fullcalendar 1.5.3等效的选项或文档。不过，在预感上，我尝试在开始日期添加一些毫秒。 Chrome尊重开始日期排序。请参阅：

http://plnkr.co/edit/cM5Af5hVEh6vqSu6A5df?p=preview

注：我也更新了数据使用eventSources来告诉你怎么不需要一遍又一遍的指定颜色。