如何在TypeScript中按指定格式显示日期、时间及时区缩写？

要实现全球各地浏览器都按10 Feb 23 10:07:04 EST格式显示本地时间，核心要解决两个问题：统一英文格式（月份缩写、时区缩写）、避免部分地区显示GMT偏移而非标准时区代码。

问题根源 #

• 直接使用浏览器本地locale格式化时，部分地区（如印度）的时区名称默认会显示为GMT +5:30而非IST，这是对应locale的时区名称规则导致的。
• 硬编码en-US虽能得到时区缩写，但会强制套用美国地区的日期逻辑，我们可以通过**本地时区+英文locale**的组合来兼顾需求。

原生JS实现方案 #

通过Intl.DateTimeFormat指定英文locale，同时获取并使用浏览器本地时区，再通过formatToParts拆分时间组件后按目标格式拼接：

function formatLocalDateTime(uploadDateTime) {
  // 获取浏览器本地时区标识符（如"America/Los_Angeles"、"Asia/Kolkata"）
  const localTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
  
  // 配置格式化规则：英文格式、本地时区、目标组件格式
  const formatter = new Intl.DateTimeFormat('en-US', {
    day: '2-digit',
    month: 'short',
    year: '2-digit',
    hour: '2-digit',
    minute: '2-digit',
    second: '2-digit',
    hour12: false, // 使用24小时制
    timeZoneName: 'short',
    timeZone: localTimeZone
  });
  
  // 拆分格式化后的各个组件
  const parts = formatter.formatToParts(new Date(uploadDateTime));
  
  // 按目标格式拼接组件
  return `${parts.find(p => p.type === 'day').value} ${parts.find(p => p.type === 'month').value} ${parts.find(p => p.type === 'year').value} ${parts.find(p => p.type === 'hour').value}:${parts.find(p => p.type === 'minute').value}:${parts.find(p => p.type === 'second').value} ${parts.find(p => p.type === 'timeZoneName').value}`;
}

// 使用示例
console.log(formatLocalDateTime(uploadDateTime));

这个方法会：

• 自动适配浏览器本地时区，输出标准时区缩写（如PST、IST）
• 统一显示英文月份缩写（Feb、Jan等）
• 严格遵循DD MMM YY HH:mm:ss zzz格式输出

第三方库简化实现 #

如果不想手动处理组件拼接，可使用luxon这类专业日期时间库，它对时区缩写的支持更完善：

import { DateTime } from 'luxon';

const formattedDateTime = DateTime.fromJSDate(new Date(uploadDateTime))
  .toFormat('dd MMM yy HH:mm:ss zzz');

luxon会自动识别本地时区并输出标准缩写，代码更简洁易维护。

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