List.js - 按日期排序问题

Question

在我的应用程序中，我使用 List.js 进行排序。所有“字符串”值都工作正常。但我确实在列中有“修改日期”。

当我单击“按日期修改”时 - 进行排序时，这只是考虑日期值有什么文本，例如：1/4/11.. 并相应地进行排序。由于这种方法，我得到了错误的排序顺序。

我怎样才能让它按数字的实际值排序？日期是什么？

这是我的代码：

new List('mfi-col2', {
       valueNames: ['companyLegalName', 'phazeName', 'contactName', 'number', 'enrollId', 'accountType']
                        });

是否可以发送$(".number").data-number 而不是"number"？所以让它使用我从服务器获取的时间戳？

或者任何人都可以建议这个插件的替代品吗？

Answer 1

您也可以使用数据属性：

js

valueNames: ['date', { name: 'timestamp', attr: 'data-timestamp' }

html

<td class="date timestamp" data-timestamp="1427713871">30/03/2015</td>

现在您可以通过时间戳进行排序，无需第二个或隐藏字段。

Answer 2

我知道这是一个老问题，但这个答案可能对新手有所帮助。

对于您显示的每个日期，在 HTML 中添加一个 Timestamps 值，然后比较/排序 Timestamps 值。

一个建议是将时间戳值作为第二个隐藏的 HTML span 添加到显示日期的同一级别。时间戳将用于排序。

---

这是我使用的示例：

我的列表是一个表格，这里的<td> 是主容器。 然后，我在<td> 中使用了两个<span>。

第一个名为c_start的<span>是显示的实际日期， 我能够以任何所需的格式显示它（dd/mm/yyyy 或 dd-mm-yy），因为它只是一个显示。

至于排序，使用第二个 Span c_start_ts 并将其隐藏。在 c_start_ts 我把时间戳 值作为一个整数，这是一个完美的排序。即使您稍后想要应用过滤，处理时间戳值也会更容易，因为它可以转换为数字然后进行比较。

<td class="xlarge-head ">
    <span class="c_start">[[FORMATTED-DATE-HERE]]</span>
    <span class="c_start_ts hide">[[PUT-TIMESTAMP-HERE]]</span>
</td>

---

例子

<td class="xlarge-head ">
    <span class="c_start">01/01/2015</span>
    <span class="c_start_ts hide">1420070400</span>
</td>

然后我将c_start_ts 传递给list.js 进行排序，表格中的TD 将被排序。

最近才开始习惯 list.js，我认为它有潜力，但没有太多文档或支持。希望我有所帮助:)