使用TableSorter排序UK日期失效问题求助

遇到TableSorter日期排序混乱的问题很常见，尤其是非美式日期格式的场景，我帮你梳理几个可行的解决思路：

• 明确指定日期列的排序器类型
  默认情况下，TableSorter可能不会自动识别dd/mm/yyyy格式的日期列，甚至会把它当成字符串排序（这就是你看到23/08/2019、30/04/2019、11/08/2019乱序的原因）。你需要通过headers选项明确告诉TableSorter哪一列是日期类型：

  $('#tableID').tablesorter({
    widgets: ["saveSort"],
    dateFormat: "dd/mm/yyyy",
    headers: {
      // 替换为你的日期列索引（注意：列索引从0开始）
      2: { sorter: 'date' }
    }
  });
  

  如果这样配置后还是无效，说明内置的日期解析器不兼容UK格式，需要自定义解析逻辑。

• 自定义UK日期解析器（最稳妥的方案）
  直接给TableSorter添加一个专门处理dd/mm/yyyy格式的解析器，把日期转换成可排序的时间戳，彻底避免内置解析的歧义：

  // 注册自定义日期解析器
  $.tablesorter.addParser({
    id: 'ukDate',
    // 检测是否匹配dd/mm/yyyy格式
    is: function(value) {
      return /^\d{1,2}\/\d{1,2}\/\d{4}$/.test(value.trim());
    },
    // 转换日期为可排序的时间戳
    format: function(value) {
      // 把dd/mm/yyyy转成yyyy/mm/dd，再转换为时间戳
      const [day, month, year] = value.split('/');
      return new Date(`${year}-${month}-${day}`).getTime() || '';
    },
    type: 'numeric' // 按数值类型排序
  });
  
  // 初始化TableSorter时指定日期列使用自定义解析器
  $('#tableID').tablesorter({
    widgets: ["saveSort"],
    headers: {
      // 替换为你的日期列索引
      2: { sorter: 'ukDate' }
    }
  });
  

  这个方案完全由你控制日期转换逻辑，基本不会出现排序混乱的问题。

• 排查saveSort插件的影响
  saveSort会保存之前的排序状态到本地存储，如果之前的错误排序缓存没清除，可能会覆盖新配置的效果。你可以先暂时移除widgets: ["saveSort"]测试排序是否正常：

  $('#tableID').tablesorter({
    dateFormat: "dd/mm/yyyy",
    headers: {
      2: { sorter: 'date' }
    }
  });
  

  如果移除后排序正常，就需要清除浏览器localStorage中TableSorter相关的缓存数据，再重新启用saveSort。

• 检查TableSorter版本兼容性
  不同版本的TableSorter配置细节可能有差异，比如旧版本中dateFormat: 'uk'需要依赖额外的语言包，而新版本可能已经内置了UK日期支持。如果你的版本比较旧，建议升级到较新的稳定版（比如v2.30+），再测试配置是否生效。

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