如何使用 date-fns-tz 检测时区缩写？

编程问答 2022-06-02

问题描述

我想打印时区缩写，例如：IST、UTC、PST、MST、CST、EST 等...

我正在将我的代码从 momentJS 迁移到 date-fns 并遇到以下问题。当我使用 momentJS 时，一切都按预期工作。例如，下面的代码将打印“IST”

const timeZone = 'Asia/Calcutta';
moment.tz(new Date(),timeZone).format('z'); // IST

Demo using MomentJS

现在我使用 date-fns 的代码可以工作，但不能完全正常，因为它打印 “印度标准时间”，而我只想打印 IST.

format(parisDate,'zzzz',{ timeZone: 'Asia/Calcutta',locale: enGB }); // India Standard Time

谁能告诉我我遗漏了什么或做错了什么？ 这是我的代码的现场演示：date-fns DEMO

解决方法

检查 date-fns-tz 的代码后发现它本身不会生成时区缩写，而是使用浏览器的 Intl API。时区缩写因地区而异。 'en-US' 或 'en-GB' 等区域设置不包括 IST 作为时区缩写，而 'en-IN' 包括。 因此，您需要

import enIN from 'date-fns/locale/en-IN'

然后在您的 format 调用中将其作为第三个参数传递 即

import { utcToZonedTime,format } from "date-fns-tz";
const timeZone = "Asia/Kolkata"
const zoneString = format(utcToZonedTime(new Date(),timeZone),"zzz",{
  timeZone,locale: enIN
});

但这并不保证其他缩写（例如 CET）将适用于建议的语言环境

date-fnsdate-formattingjavascriptmomentjstimezonetimezone