TypeScript中计算DatePipe获取的起止时间差的方法

方案1：保留原始Date对象计算（推荐） #

你当前的代码直接把Date转成了字符串，丢失了可用于计算的时间戳信息。更合理的做法是先保留原始的Date实例，再计算时间差：

// 先存储原始日期对象
this.startDate = new Date();
this.endDate = new Date();

// 再转换为需要的显示格式
this.startTime = this.datePipe.transform(this.startDate, 'hh:mm');
this.endTime = this.datePipe.transform(this.endDate, 'hh:mm');

// 计算分钟差值
const diffMs = Math.abs(this.endDate.getTime() - this.startDate.getTime());
const diffMinutes = Math.floor(diffMs / (1000 * 60));
// 示例中diffMinutes会返回1

方案2：解析已有的hh:mm字符串计算 #

如果已经只有转换后的字符串，也可以把字符串解析为总分钟数再做差值计算：

// 定义解析时间字符串为分钟数的工具函数
getTimeInMinutes(timeStr: string): number {
  const [hours, minutes] = timeStr.split(':').map(Number);
  return hours * 60 + minutes;
}

// 计算差值
const startMinutes = this.getTimeInMinutes(this.startTime);
const endMinutes = this.getTimeInMinutes(this.endTime);
const diffMinutes = Math.abs(endMinutes - startMinutes);
// 示例中diffMinutes会返回1

注意：如果涉及跨天的时间差，方案2需要结合日期信息一起计算，否则会得到错误结果（比如23:59到00:01会算出1438分钟，而实际是2分钟），这种场景下优先用方案1。

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