时间戳

首页 > 解决方案 > 如何使用 date-fns-tz 检测时区缩写？

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

问题描述

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

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

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

使用 MomentJS 的演示

现在我使用date-fns的代码可以工作，但不是一直有效，因为它打印“印度标准时间”，我只想打印IST。

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

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

标签： javascripttimezonemomentjsdate-formattingdate-fns

解决方案

在检查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）将适用于建议的语言环境

推荐阅读