DataTables终极日期/时间排序插件自定义格式排序异常求助

嘿，我刚梳理完你的问题，这明显是默认的「ultimate date / time sorting」插件没适配你这种德语化的自定义时长格式，导致「0 Tage」的行没能被正确识别成最小时长值，才会被排到最后。别担心，咱们写个自定义排序规则就能轻松搞定！

问题根源 #

那个插件主要是为标准日期时间格式设计的（比如YYYY-MM-DD、HH:mm:ss），但你的「X Tage HH:mm:ss」是带德语“天”标识的特殊时长格式，插件的解析逻辑覆盖不到，就把「0 Tage」的行当成了无法识别的特殊字符串，扔到排序末尾去了。

解决方案：自定义排序类型 #

咱们直接给DataTables注册一个专门处理这种时长格式的排序逻辑，把字符串转换成总秒数，用数值排序来保证顺序完全符合预期：

1. 注册自定义排序解析函数

这个函数会把「X Tage HH:mm:ss」格式转换成总秒数，DataTables会基于这个数值做排序：

// 注册名为"laufzeit"的自定义排序类型
$.fn.dataTable.ext.type.order['laufzeit-pre'] = function (data) {
    // 处理空值，直接返回0
    if (!data || data.trim() === '') return 0;
    
    // 拆分字符串：比如"0 Tage 00:05:12"拆成["0", "Tage", "00:05:12"]
    const [dayStr, _, timeStr] = data.split(' ');
    const days = parseInt(dayStr, 10) || 0;
    
    // 拆分时间部分："00:05:12"拆成["00", "05", "12"]
    const [hoursStr, minsStr, secsStr] = timeStr.split(':');
    const hours = parseInt(hoursStr, 10) || 0;
    const minutes = parseInt(minsStr, 10) || 0;
    const seconds = parseInt(secsStr, 10) || 0;
    
    // 计算总秒数：1天=86400秒，1小时=3600秒，1分钟=60秒
    return days * 86400 + hours * 3600 + minutes * 60 + seconds;
};

2. 在DataTables初始化时指定列排序类型

找到你的Laufzeit列对应的索引（从0开始计数），在columnDefs里指定使用咱们的自定义排序类型：

$('#your-table-id').DataTable({
    // 其他配置项保持不变...
    columnDefs: [
        {
            targets: 2, // 替换成你的Laufzeit列的实际索引
            type: 'laufzeit' // 使用刚才注册的自定义排序类型
        }
    ]
});

为什么这个方法有效？ #

通过把所有时长转换成总秒数，DataTables就会用数值排序逻辑处理这一列——0秒的行自然会排在最前面，时长越长的行数值越大，排序越靠后，完全匹配你的需求。

可选替代方案（扩展原插件） #

如果你特别想用原有的「ultimate date / time sorting」插件，也可以给它添加自定义解析规则，但相比之下，直接写自定义排序类型更简单直接，不需要修改原插件代码。

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