制表器中日期时间排序的问题答案

【问题标题】：Problems with datetime sorting in Tabulator制表器中日期时间排序的问题
【发布时间】：2021-03-14 22:24:34
【问题描述】：

我正在使用制表符来显示我的数据的日期列，其中包含以下列定义

{ title:"Date", field:"date", sorter: "datetime", sorterParams: { format: "YYYY-MM-DDTHH:mm:ss.SSSZ", alignEmptyValues:"top", }, headerFilter :"input", formatter:"datetime", formatterParams: { outputFormat:"MM/DD/YY hh:mm:ss A", invalidPlaceholder: true } },

使用这些 sorterParams 我没有排序（也没有错误消息）。如果我尝试 moment.js 预定义格式“DATETIME_LOCAL_MS”，我会得到一些排序，但它没有正确解析日期。

我阅读了https://github.com/olifolkerd/tabulator/issues/1256，因此我不再尝试使 sorterParam 格式与 formatterParams 匹配。

我的原始数据日期如下所示

“日期”：“2021-03-08T15:41:29.000Z”

有人让这个工作吗？

【问题讨论】：

标签： javascript html json datetime tabulator

【解决方案1】：

为我工作。请提供一组不起作用的实际数据。

var data = [
    {name:"Tom",   date:"2021-03-14T15:09:26.000Z"},
    {name:"Dick",  date:"2021-10-21T21:17:29.000Z"},
    {name:"Harry", date:"2021-11-30T02:01:29.000Z"},
    {name:"Larry", date:"2021-10-21T19:55:29.000Z"},
    {name:"Moe",   date:""},
    {name:"Curly", date:"2021-08-01T14:11:29.000Z"}
];

var table = new Tabulator("#example-table", {
//    data:data,
    columns:[
        {title:"Name", field:"name"},
        {title:"Date", field:"date", sorter: "datetime", sorterParams: { format: "YYYY-MM-DDTHH:mm:ss.SSSZ", alignEmptyValues:"top", }, headerFilter:"input", formatter:"datetime", formatterParams: { outputFormat:"MM/DD/YY hh:mm:ss A", invalidPlaceholder: true } },
    ],
});
table.setData(data);

<link href="https://unpkg.com/tabulator-tables@4.9.3/dist/css/tabulator.min.css" rel="stylesheet">
<script src="https://unpkg.com/tabulator-tables@4.9.3/dist/js/tabulator.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>

<div id="example-table"></div>

【讨论】：