PrimeNG表格时间列自定义SortEvent排序函数失效求助

问题核心 #

你的时间列排序失效，主要原因是依赖浏览器原生Date解析hh:mm a格式字符串存在兼容性问题，部分浏览器无法正确识别该格式，导致转换结果为NaN，排序逻辑失效。以下是可靠的修复方案：

修正后的自定义排序函数 #

customSort(event: SortEvent) {
  event.data.sort((data1, data2) => {
    const value1 = data1[event.field];
    const value2 = data2[event.field];

    // 处理空值排序优先级
    if (value1 == null && value2 != null) return -event.order;
    if (value1 != null && value2 == null) return event.order;
    if (value1 == null && value2 == null) return 0;

    // 手动解析hh:mm a格式为分钟数，避免浏览器解析差异
    const parseTime = (timeStr: string): number => {
      const [timePart, period] = timeStr.split(' ');
      const [hours, minutes] = timePart.split(':').map(Number);
      let totalMinutes = hours * 60 + minutes;
      
      // 处理AM/PM转换
      if (period.toLowerCase() === 'pm' && hours !== 12) {
        totalMinutes += 12 * 60;
      }
      if (period.toLowerCase() === 'am' && hours === 12) {
        totalMinutes -= 12 * 60;
      }
      
      return totalMinutes;
    };

    const time1 = parseTime(value1);
    const time2 = parseTime(value2);

    // 结合排序方向返回结果
    return event.order * (time1 - time2);
  });
}

关键改进点 #

1. 手动解析时间格式：不再依赖浏览器的Date解析，直接将hh:mm a转换为分钟数，确保跨浏览器一致。
2. 简化排序逻辑：利用数值差直接返回排序结果，比分支判断更简洁高效。
3. 空值处理优化：合并空值判断逻辑，减少冗余代码。

额外检查项 #

• 确认event.field与时间列的字段名完全匹配，无拼写错误。
• 确保时间列所有数据都是标准的hh:mm a格式（如09:30 AM、12:15 PM），无格式异常值。

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