不引入Moment.js实现无时区转换的日期格式转换

你遇到的问题核心是要保留原日期字符串中的时区信息，同时只提取时分并转换为12小时制，完全不受浏览器或用户本地时区干扰。这里有两种高效的原生方案，不需要引入任何第三方库：

方案一：直接解析ISO字符串（最简洁高效） #

因为你的输入是标准ISO 8601格式，其中的T之后的部分就是原时区的时间，我们可以直接提取时分信息，手动转换为12小时制：

function formatLocalTimeFromISO(isoDateStr) {
  // 提取原时区的时分部分
  const timeSegment = isoDateStr.split('T')[1];
  const [hour, minute] = timeSegment.split(':').slice(0, 2);
  
  // 转换为12小时制逻辑
  const period = parseInt(hour, 10) >= 12 ? 'pm' : 'am';
  const twelveHour = hour % 12 === 0 ? 12 : hour % 12;
  
  // 格式化输出（保证分钟是两位数）
  return `${twelveHour}:${minute.padStart(2, '0')} ${period}`;
}

// 测试示例
console.log(formatLocalTimeFromISO("2021-07-19T12:15:00-07:00")); // 输出 "12:15 pm"
console.log(formatLocalTimeFromISO("2021-07-19T09:05:00-07:00")); // 输出 "9:05 am"
console.log(formatLocalTimeFromISO("2021-07-19T13:00:00-07:00")); // 输出 "1:00 pm"

这个方案的优势是：

• 完全不依赖Date对象的时区转换，彻底避免本地时区干扰
• 代码简洁，性能极高，只做字符串解析和简单计算
• 适用于所有标准ISO格式的输入，只要时间部分在T之后

方案二：使用原生Intl.DateTimeFormat（更灵活） #

如果你需要处理更复杂的日期格式，或者需要保留原时区的完整上下文，可以用浏览器原生的Intl.DateTimeFormat API，明确指定要使用的时区：

const dateStr = "2021-07-19T12:15:00-07:00";
const targetDate = new Date(dateStr);

// 注意：这里要指定原日期对应的IANA时区（比如UTC-7对应"America/Los_Angeles"）
const timeFormatter = new Intl.DateTimeFormat('en-US', {
  hour: 'numeric',
  minute: '2-digit',
  hour12: true,
  timeZone: 'America/Los_Angeles' // 替换为你需要的时区
});

console.log(timeFormatter.format(targetDate)); // 输出 "12:15 PM"

注意事项： #

• timeZone参数需要传入IANA时区名称（如"America/Los_Angeles"），而不是直接写偏移量（如"-07:00"）
• 如果你的输入时区可能动态变化，需要先将偏移量映射到对应的IANA时区（可以通过简单的映射表实现，比如{"-07:00": "America/Los_Angeles"}）

为什么你之前的代码没生效？ #

你尝试的代码是在调整本地时区的偏移，但本质上是把日期转换为本地时间的时间戳，最终格式化的还是本地时区的时间，而不是原日期字符串中的时区时间，所以不符合需求。

内容的提问来源于stack exchange，提问作者Best Dev Tutorials