使用DataTables+Moment.js实现日期排序，Firefox失效求解决

看起来你遇到了跨浏览器的日期排序兼容性问题——Chrome能正常工作但Firefox不行，这大概率是因为两款浏览器对日期字符串的原生解析逻辑存在差异，而DataTables的Moment插件在某些场景下会依赖原生解析导致失效。下面给你几个可行的解决思路：

1. 强制使用Moment.js解析（最可靠的方案） #

放弃依赖DataTables内置的$.fn.dataTable.moment()快捷方式，改用自定义排序类型，直接让Moment处理所有日期解析，彻底规避浏览器差异：

// 注册自定义的日期排序类型，将日期转为时间戳用于排序
$.fn.dataTable.ext.type.order['custom-moment-date-pre'] = function(dateStr) {
    // 使用严格解析模式（第三个参数true）确保格式完全匹配，避免意外解析错误
    const parsedDate = moment(dateStr, 'MM, DD, YY', true);
    // 如果解析失败，返回一个极小值让这类数据排在最后
    return parsedDate.isValid() ? parsedDate.valueOf() : -Infinity;
};

// 初始化DataTables时指定日期列的排序类型
$('#dataTable').DataTable({
    info: false,
    paging: false,
    searching: false,
    columnDefs: [
        { 
            targets: [0], // 替换成你的日期列索引（从0开始）
            type: 'custom-moment-date' 
        }
    ]
});

2. 检查日期格式与字符串的匹配度 #

确认你的日期单元格内容和MM, DD, YY格式完全一致：

• 月份必须是3字母缩写（比如Jan、Feb），不能是数字或全拼
• 日期必须是两位数字（比如01，不能是1）
• 年份是两位（比如23对应2023）

你可以在Firefox控制台里测试解析是否有效：

moment('Jan, 01, 23', 'MM, DD, YY', true).isValid()

如果返回false，说明你的日期字符串和格式不匹配，需要调整格式定义或者修正日期内容。

3. 确保Moment.js的本地化支持 #

如果你的日期使用非英文月份缩写，需要引入对应语言的Moment本地化文件。不过如果是英文缩写，默认应该没问题，但可以尝试显式设置本地化：

moment.locale('en');
$.fn.dataTable.moment('MM, DD, YY');

为什么Chrome正常但Firefox不行？ #

Chrome的原生Date.parse()方法对非标准日期格式的兼容性比Firefox更好，当Moment解析出现问题时，DataTables的插件可能会 fallback 到原生解析，导致Firefox下解析失败，排序逻辑失效。而自定义排序类型完全绕过了原生解析，所以能保证跨浏览器一致性。

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