Angular中使用formatDate将含AM/PM的时间字符串转为24小时制方法咨询

1. Angular formatDate 适用性说明 #

该场景下不推荐优先使用formatDate。原因是formatDate要求入参为完整的Date对象、时间戳或者可被标准解析的日期时间字符串，如果你的输入只有单纯的时间片段（比如仅02:00PM无日期部分），需要额外补全日期部分才能被正确解析，会增加不必要的代码冗余，处理不当还容易出现时区偏移的问题。

如果确实要使用formatDate实现，可以参考以下写法，注意要匹配当前环境的时区参数：

import { formatDate } from '@angular/common';

function convertWithFormatDate(timeStr: string): string {
  // 补全为任意合法日期即可，不影响时间部分转换
  const fullDateStr = `1970-01-01 ${timeStr}`;
  return formatDate(fullDateStr, 'HH:mm', 'en-US');
}

2. 轻量无依赖实现方案 #

更推荐直接用正则匹配加简单数值计算实现，逻辑清晰无额外依赖，也不会有时区问题：

function convertAmPmTo24h(timeStr: string): string {
  // 匹配小时、分钟、AM/PM标识
  const matchResult = timeStr.match(/^(\d{2}):(\d{2})([AP]M)$/);
  if (!matchResult) return timeStr; // 格式不匹配直接返回原内容

  const [, hour, minute, period] = matchResult;
  let numHour = parseInt(hour, 10);

  if (period === 'AM') {
    numHour = numHour === 12 ? 0 : numHour;
  } else {
    numHour = numHour === 12 ? 12 : numHour + 12;
  }
  // 补前导零后返回
  return `${String(numHour).padStart(2, '0')}:${minute}`;
}

转换效果完全符合要求：

• 输入10:00AM → 输出10:00
• 输入12:00PM → 输出12:00
• 输入02:00PM → 输出14:00
• 输入04:00PM → 输出16:00
• 额外覆盖边界场景：输入12:00AM → 输出00:00，符合24小时制规范

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