Datatables日期时间列排序异常求助（关联Moment.js）

问题原因 #

DataTables默认的日期时间解析规则无法识别不带空格的AM/PM格式（如01/01/2021 10:11:20AM），但能正确解析带空格的格式（如01/01/2021 10:11:20 AM）。

解决方案（利用Moment.js） #

可以通过以下两种方式让Moment.js处理两种格式的日期解析，修复排序问题：

方法1：注册兼容的日期格式 #

在初始化DataTables前，先注册Moment.js支持的两种日期格式：

// 同时注册带空格和不带空格的AM/PM格式
$.fn.dataTable.moment('MM/DD/YYYY hh:mm:ss A');
$.fn.dataTable.moment('MM/DD/YYYY hh:mm:ssA');

完成注册后正常初始化DataTables即可，它会自动适配两种格式完成排序。

方法2：自定义列渲染与排序规则 #

如果需要统一显示格式并确保排序逻辑正确，可在列配置中指定render函数：

$('#your-table').DataTable({
  columns: [
    {
      data: 'date-column-name',
      render: function(rawDate) {
        // 用Moment.js尝试解析两种格式
        const parsedDate = moment(rawDate, ['MM/DD/YYYY hh:mm:ss A', 'MM/DD/YYYY hh:mm:ssA'], true);
        // 解析成功则返回统一格式，失败则返回原内容
        return parsedDate.isValid() ? parsedDate.format('MM/DD/YYYY hh:mm:ss A') : rawDate;
      },
      type: 'datetime-moment'
    }
  ]
});

注意事项 #

• 确保已正确引入Moment.js和DataTables的datetime-moment插件（方法1需依赖该插件）。
• 若你的日期格式为DD/MM/YYYY，需将上述代码中的MM/DD/YYYY替换为DD/MM/YYYY。

内容的提问来源于stack exchange，提问作者EMT