我有一个完整日历,可在月 View 中显示多个日历。不同的日历采用颜色编码。我在所有 View 上按名称对日历进行排序,但是当它们在 FullCalendar 显示中呈现时,它们是按事件的标题排序的。
有没有办法覆盖当天的默认排序?
最佳答案
如果您想完全覆盖所有DaySlot、月份、基本 View 的开始日期排序。 例如按颜色对它们进行排序。
1.初始化eventOrder填色。 (您正在使用的 html/php 文件)
eventOrder: 'color,start'
2.更改compareSegs函数。 (fullcalendar.js)
// original function
compareSegs: function(seg1, seg2) {
return seg1.eventStartMS - seg2.eventStartMS || // earlier events go first
seg2.eventDurationMS - seg1.eventDurationMS || // tie? longer events go first
seg2.event.allDay - seg1.event.allDay || // tie? put all-day events first (booleans cast to 0/1)
compareByFieldSpecs(seg1.event, seg2.event, this.view.eventOrderSpecs);
}
// custom function
compareSegs: function(seg1, seg2) {
if(this.view.name=="basicWeek"){ // ordering events by color in ListView
return seg2.event.allDay - seg1.event.allDay || // tie? put all-day events first (booleans cast to 0/1)
compareByFieldSpecs(seg1.event, seg2.event, this.view.eventOrderSpecs);
}
else{
return seg1.eventStartMS - seg2.eventStartMS || // earlier events go first
seg2.eventDurationMS - seg1.eventDurationMS || // tie? longer events go first
seg2.event.allDay - seg1.event.allDay || // tie? put all-day events first (booleans cast to 0/1)
compareByFieldSpecs(seg1.event, seg2.event, this.view.eventOrderSpecs);
}
}
在这种情况下,我只想在“basicVeek” View 中按颜色对事件进行排序。 然后我删除了 eventStartMS 和 eventDurationMS 测试。
删除:
seg1.eventStartMS - seg2.eventStartMS || // earlier events go first
seg2.eventDurationMS - seg1.eventDurationMS || // tie? longer events go first
关于sorting - 更改 FullCalendar 月 View 上的默认事件排序顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22252552/