2015-10-15 98 views
3

我正在使用Fullcalendar來顯示用戶輸入和輸出時間。Chrome瀏覽器中的Fullcalendar標籤順序有所不同

我按照以下順序在fullcalendar中顯示標籤。 First InDurationLast 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瀏覽器正確看待 enter image description here

顯示:不正確的觀點 enter image description here

它應該按照給定的順序,但不是。有沒有解決這個問題的方法。在Plnkr

實時預覽網址:http://plnkr.co/edit/8rxDGUUBJVRq1dja0Xm1?p=preview

+0

添加'arr'詳細信息...使jsfiddle也 –

+0

檢查工作[小提琴](http://jsfiddle.net/h9cC6/2313/)在Chrome和火狐 –

+0

我這樣做。請等待 – ManiMuthuPandi

回答

1

嘗試升級到2.4.0 fullcalendar或更高版本,並使用eventOrder選項。

默認情況下,FullCalendar決定具有較長持續時間和較早開始時間的事件被排序在其他事件之上。但是,事件往往具有相同的確切開始時間和持續時間,對於全天事件尤其如此。默認情況下,發生這種情況時,事件按標題按字母順序排序。 eventOrder提供了覆蓋此行爲的功能。

似乎沒有與fullcalendar 1.5.3等效的選項或文檔。不過,在預感上,我嘗試在開始日期添加一些毫秒。 Chrome尊重開始日期排序。請參閱:

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

注:我也更新了數據使用eventSources來告訴你怎麼不需要一遍又一遍的指定顏色。

+0

但在Chrome中仍然是同樣的問題。你有沒有在鉻瀏覽器中檢查這個 – ManiMuthuPandi

+1

對不起,我沒有按保存在plnkr。是的,我檢查了Chrome。檢查開始日期是否有一些額外的毫秒'start:new Date(2015,1,02,0,0,0,1)' –

+0

現在應該保存並凍結。請再次嘗試plnkr。 –

相關問題