全日历事件排序对我不起作用

Question

使用fullcalendar v3.8.2。我正在努力对我的事件进行排序。我已阅读（并重新阅读）stackoverflow 答案here。我正在使用evenOrder 并尝试了各种选项，但总是得到如下截图所示的结果。这些是“全天”事件。这是一个船发射日历，我总是想在“取出”之前显示“放入”。

显然事件不是按标题排序的，也不是按我尝试过的任何eventOrder 选项排序的。

目前我的代码如下：

  $calendar.fullCalendar({
    eventOrder: function(e) {
      return e.miscProps.sort;
    },

使用如下所示的数据：

{start: "2019-01-02", title: "30 put ins", className: "putin", sort: "0"}
{start: "2019-01-16", title: "1 take outs", className: "takeout", sort: "1"}

“putin”事件始终是 sort:0，“takout”始终是 sort:1 eventOrder: function() 被调用并正确返回 0 或 1。

谢谢。

Answer 1

如果您为eventOrder 提供一个函数，那么作为您链接到状态的eventOrder docs，它接受两个 输入参数（需要比较和排序的两个事件），并且您还被告知它应该返回-1、0 或1 作为比较的结果 - 作为两个输入项中的哪一个应该放在第一位的指示。

如果第一个事件应该是列表中的第一个，则返回 -1。如果相反，则返回 1，如果相等则返回 0。其中的逻辑应该与文档中提供的原生 JS 数组排序函数的示例代码非常相似 - 请参见此处：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#Description

您的逻辑当前只会返回未排序列表中最先出现的任何事件的“排序”值。这根本没有进行任何类型的比较，它也没有提供调用代码期望的全部可能值（即，你只返回 0 或 1，从不返回 -1 - 但即使你这样做了也不会'不一定有意义）。

一个有效的比较函数是：

eventOrder: function(a, b) {
  var result = 0;
  if (a.miscProps.sort < b.miscProps.sort) result = -1; //event a should be listed first
  else if (a.miscProps.sort > b.miscProps.sort) result = 1; //event b should be listed first
  return result;
},

演示：http://jsfiddle.net/c9upo8w2/1/

但是...实际上，据我所知，您不需要为此编写自定义函数，因为您仅在“排序”字段中就非常直接地对数字的升序进行排序。无需进行复杂的计算。指定要排序的字段将完美地完成这项工作 - fullCalendar 将完成剩下的工作。您链接的文档再次声明，如果您将字段名称作为“eventOrder”选项提供，那么它将按该字段按升序对事件进行排序（否则相等）。所以：

eventOrder: "sort"

是你唯一需要写的东西。

演示：http://jsfiddle.net/c9upo8w2/

---

附：顺便说一句，您上面提供的示例数据并没有多大用处，因为它们无论如何都在不同的日期，因此自定义排序将不适用。显然，在这种情况下，我可以轻松更改它以创建演示，但提供一个实际重现问题的示例会更有意义:-)