全日历是否支持全天事件的自定义排序

Question

我一直在研究早期的问题，例如关于在 Fullcalendar 中自定义全天事件排序的问题，但无法实现我想要的。 我的目标是实现一个自定义排序解决方案，该解决方案将根据整数属性对同一天的事件进行排序。日历的视图设置为月，事件是全天事件。

下面是一个数据示例：

[
  {
    "title": "Zed item",
    "start": "2015-01-12T17:12:00-05:00",
    "end": "2015-01-13T17:12:00-05:00",
    "level": 1
  },
  {
    "title": "Alpha item",
    "start": "2015-01-12T17:12:00-05:00",
    "end": "2015-01-13T17:12:00-05:00",
    "level": 2
  }
]

我希望首先看到"Zed"，然后是"Alpha"。 完整日历根据标题进行排序。

一些消息来源建议每次增加一分钟来设置顺序，我也尝试过：

event.start = moment(step.StartDate()).add(level, "m");

这种方法也没有成功。

更新

我突然想到，由于排序顺序默认为使用 title，因此可以通过在标题前面预置空格来强制正确的顺序来实现相同的影响。 呈现日历时，不会显示空格。 这种解决方法可能是唯一的办法，尽管我更喜欢添加一分钟而不是添加空格。

Answer 1

我正在寻找类似的解决方案。

完整日历版本 2.4.0 现在支持 eventOrder 方法，文档请点击此处：

http://fullcalendar.io/docs/event_rendering/eventOrder/

Answer 2

如果要

完全覆盖所有时段、月份、基本视图的按开始日期排序。例如，按颜色对它们进行排序。

1.将事件顺序初始化为颜色。（您正在使用的 html/php 文件）

eventOrder: 'color,start'

2.更改比较隔离功能。（完整日历.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"视图中按颜色对事件进行排序。然后我删除了eventStartMS和eventDurationMS测试。

删除：

seg1.eventStartMS - seg2.eventStartMS || // earlier events go first
seg2.eventDurationMS - seg1.eventDurationMS || // tie? longer events go first

Answer 3

我遇到了同样的问题，我只使用了一整天的事件，我的事件源已经按照我希望它们出现的正确顺序排列了事件，但是完整的cal按字母顺序对它们进行排序。我打开了 fullcalendar.js 文件并注释掉了所有实例segs.sort(compareSegs);这解决了我的问题，并允许我的事件按照它们在我的事件源 JSON 对象中发生的顺序显示。我不确定这是否破坏了任何其他功能，但对于我的应用程序来说，这运行良好。