javascript - 使用 JS 插件对表进行排序会导致错误

Question

我的表的排序 JS 插件有问题。它被命名为“可排序”。我已完成文档中描述的所有操作来设置所有内容。排序有效，但存在日期和价格问题。

因此，当我对日期列进行升序排序时，行看起来像这样:

1. 2018年10月22日
2. 2019年2月23日
3. 2019年2月28日
4. 2018年12月28日

您可以在此处查看日期配置:

https://github.hubspot.com/sortable/api/options/

也许这是德国日期格式的问题，但我不知道如何解决这个问题。也许你可以看一下？这真的太棒了!

Answer 1

它是按字母顺序排序的。因为德语日期格式无法被 javascript Date.parse 解析。您应该添加自定义类型。

以下是 Sortable 如何在内部设置默认值。

sortable.setupTypes [{
  name: 'numeric'
  defaultSortDirection: 'descending'
  match: (a) -> a.match numberRegExp
  comparator: (a) -> parseFloat(a.replace(/[^0-9.-]/g, ''), 10) or 0
}, {
  name: 'date'
  defaultSortDirection: 'ascending'
  reverse: true
  match: (a) -> not isNaN Date.parse a
  comparator: (a) -> Date.parse(a) or 0
}, {
  name: 'alpha'
  defaultSortDirection: 'ascending'
  match: -> true
  compare: (a, b) -> a.localeCompare b
}]

注意date类型的match和comparator。将它们更改为:

  match: (a) -> not isNaN Date.parse a.split('.').reverse().join('.')
  comparator: (a) -> Date.parse(a.split('.').reverse().join('.')) or 0

并在 sortable.init() 调用之后添加这些内容。

顺便说一下，这是coffeescript。因此请相应地使用它。