Angular 14中如何按含毫秒级差异的createDateTime字段排序数组？

开发者阿泽

2026-7-31

解决Angular中含微秒的时间字段排序问题

问题原因

JavaScript的Date对象仅支持毫秒精度，而你的createDateTime字段包含微秒（例如2023-02-15T17:00:44.0058977中的.0058977），转成Date时微秒部分会被截断，导致微秒不同的时间被判定为相同，排序失效。

解决方案

方案1：直接比较ISO时间字符串

ISO 8601格式的时间字符串本身是按时间顺序排列的，直接做字符串比较即可，无需转换为Date：

const sortedList = this.measurementTable.productionTableDetails.sort((a, b) => {
  if (a.createDateTime < b.createDateTime) return -1;
  if (a.createDateTime > b.createDateTime) return 1;
  return 0;
});

方案2：解析精确时间戳（包含微秒）

如果需要数值形式的比较，可以手动解析字符串，保留微秒精度：

// 解析带微秒的ISO字符串为精确时间戳（单位：毫秒，保留微秒小数）
const getPreciseTimestamp = (dateStr: string): number => {
  const [datePart, microSecSegment] = dateStr.split('.');
  const baseMs = new Date(datePart).getTime();
  // 提取微秒部分，转换为毫秒的小数形式
  const microSec = microSecSegment 
    ? parseInt(microSecSegment.slice(0, 3), 10) + parseInt(microSecSegment.slice(3), 10) / 1000 
    : 0;
  return baseMs + microSec;
};

const sortedList = this.measurementTable.productionTableDetails.sort((a, b) => {
  return getPreciseTimestamp(a.createDateTime) - getPreciseTimestamp(b.createDateTime);
});