寻求基于时区自动格式化日期的开箱即用库方法

核心结论 #

没有开箱即用的库直接实现「时区→日期格式」的自动映射，但可以通过自定义时区-格式/时区-Locale映射表结合现有日期库快速实现需求。

方案一：手动定义时区-格式映射表 #

这种方式最直接，完全按你的需求指定每个时区对应的格式：

步骤1：创建映射表 #

// 根据需求扩展更多时区与格式的对应关系
const timeZoneToFormat = {
  'America/Los_Angeles': 'MM-dd-yyyy',
  'Asia/Kolkata': 'dd-MM-yyyy',
  'Europe/London': 'dd/MM/yyyy',
  'Asia/Tokyo': 'yyyy/MM/dd'
};

步骤2：结合现有日期库实现格式化 #

使用Luxon

import { DateTime } from 'luxon';

function formatDateByTimeZone(date, timeZone) {
  // 若时区不在映射表中，使用默认格式
  const targetFormat = timeZoneToFormat[timeZone] || 'yyyy-MM-dd';
  return DateTime.fromJSDate(date, { zone: timeZone }).toFormat(targetFormat);
}

// 调用示例
const testDate = new Date('2024-09-15');
console.log(formatDateByTimeZone(testDate, 'America/Los_Angeles')); // 输出 "09-15-2024"
console.log(formatDateByTimeZone(testDate, 'Asia/Kolkata')); // 输出 "15-09-2024"

使用Day.js（需安装timezone插件）

import dayjs from 'dayjs';
import utc from 'dayjs/plugin/utc';
import timezone from 'dayjs/plugin/timezone';

dayjs.extend(utc);
dayjs.extend(timezone);

function formatDateByTimeZone(date, timeZone) {
  const targetFormat = timeZoneToFormat[timeZone] || 'YYYY-MM-DD';
  return dayjs(date).tz(timeZone).format(targetFormat);
}

使用date-fns-tz

import { formatInTimeZone } from 'date-fns-tz';

function formatDateByTimeZone(date, timeZone) {
  const targetFormat = timeZoneToFormat[timeZone] || 'yyyy-MM-dd';
  return formatInTimeZone(date, timeZone, targetFormat);
}

方案二：时区→Locale映射，利用Locale默认格式 #

如果希望遵循时区对应地区的通用日期格式，可以创建时区到Locale的映射，再通过原生API或库的Locale支持格式化：

步骤1：创建时区-Locale映射表 #

const timeZoneToLocale = {
  'America/Los_Angeles': 'en-US',
  'Asia/Kolkata': 'en-IN',
  'Europe/London': 'en-GB',
  'Asia/Tokyo': 'ja-JP'
};

步骤2：实现格式化 #

原生API方式

function formatDateByTimeZone(date, timeZone) {
  const locale = timeZoneToLocale[timeZone] || navigator.language;
  return new Date(date).toLocaleDateString(locale, { timeZone });
}

// 调用示例
console.log(formatDateByTimeZone(testDate, 'Asia/Kolkata')); // 输出 "15/09/2024"（en-IN的默认格式）

Luxon方式

import { DateTime } from 'luxon';

function formatDateByTimeZone(date, timeZone) {
  const locale = timeZoneToLocale[timeZone] || 'en-US';
  return DateTime.fromJSDate(date, { zone: timeZone }).toLocaleString(DateTime.DATE_SHORT);
}

为什么没有开箱即用的库？ #

时区与日期格式并非严格绑定：

• 同一个时区可能覆盖多个使用不同日期格式的地区（比如America/New_York覆盖美国东部，部分场景可能用非通用格式）
• 不同时区可能使用相同的日期格式（比如Europe/Paris和Europe/Berlin都用DD/MM/YYYY）

因此没有库会默认提供这种强映射，需要根据业务需求自定义规则。

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