使用 JavaScript 检测时区缩写

Question

我需要一种方法来检测给定日期对象的时区。我不想要偏移量，也不想要完整的时区名称。我需要获取时区缩写。

例如，GMT、UTC、PST、MST、CST、EST 等...

这可能吗？我得到的最接近的是解析date.toString() 的结果，但即使这样也不会给我缩写。它给了我时区的长名称。

Answer 1

原生解决方案：

var zone = new Date().toLocaleTimeString('en-us',{timeZoneName:'short'}).split(' ')[2]
console.log(zone)

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString

您可以传递 undefined 而不是 en-us 以默认为浏览器的当前语言环境。

Answer 2

moment-timezone 包含一个未记录的方法.zoneAbbr()，它返回时区缩写。这还需要一组可根据需要选择和下载的规则。

这样做：

<script src="moment.js"></script>
<script src="moment-timezone.js"></script>
<script src="moment-timezone-data.js"></script>
<script>
    moment().tz("America/Los_Angeles").zoneAbbr();
</script>

返回：

'PDT' // As of this posting.

编辑（2018 年 2 月）

Evan Czaplicki 曾在 a draft proposal to add a time zone API to browsers 工作。

Answer 3

Date 对象没有获取时区缩写的方法，但它隐含在 toString 结果的末尾。例如，

var rightNow = new Date();
alert(rightNow);

...将返回类似Wed Mar 30 2011 17:29:16 GMT-0300 (ART) 的内容。时区缩写可以用括号隔开：

var rightNow = new Date();
alert(String(String(rightNow).split("(")[1]).split(")")[0]);

输出将是时区缩写，例如 ART。

Answer 4

这在 Chrome、Firefox 中完美运行，但主要在 IE11 中运行。在 IE11 中，没有像“Indian Chagos Time”这样直接缩写的时区将返回“ICT”而不是正确的“IOT”

var result = "unknown";
try{
    // Chrome, Firefox
    result = /.*\s(.+)/.exec((new Date()).toLocaleDateString(navigator.language, { timeZoneName:'short' }))[1];
}catch(e){
    // IE, some loss in accuracy due to guessing at the abbreviation
    // Note: This regex adds a grouping around the open paren as a
    //       workaround for an IE regex parser bug
    result = (new Date()).toTimeString().match(new RegExp("[A-Z](?!.*[\(])","g")).join('');
}
console.log(result);

结果：

"CDT"

Answer 5

2021 年更新

moment.js 现在是 deprecated，他们建议在新项目中使用 Luxon。

您可以使用 Luxon 获得时区缩写，例如：

import { DateTime } from 'luxon'
DateTime.local().toFormat('ZZZZ') // => for ex: "PDT"

注意：输出格式取决于设置的语言环境。如需更多信息，请参阅this answer。

Answer 6

我只需要片刻就能做到这一点。

moment.tz(moment.tz.guess()).zoneAbbr() //IST

Answer 7

使用来自new Date().toString()的内容

const timeZoneAbbreviated = () => {
  const { 1: tz } = new Date().toString().match(/\((.+)\)/);

  // In Chrome browser, new Date().toString() is
  // "Thu Aug 06 2020 16:21:38 GMT+0530 (India Standard Time)"

  // In Safari browser, new Date().toString() is
  // "Thu Aug 06 2020 16:24:03 GMT+0530 (IST)"

  if (tz.includes(" ")) {
    return tz
      .split(" ")
      .map(([first]) => first)
      .join("");
  } else {
    return tz;
  }
};

console.log("Time Zone:", timeZoneAbbreviated());
// IST
// PDT
// CEST

Answer 8

您可以使用Intl.DateTimeFormat的formatToParts方法获取短时区缩写。在世界的某些地方，这可能会返回像 "GMT+8" 这样的字符串，而不是实际时区名称的缩写。

let timeZone = new Intl.DateTimeFormat('en-us', { timeZoneName: 'short' })
  .formatToParts(new Date())
  .find(part => part.type == "timeZoneName")
  .value
console.log(timeZone)

Answer 9

您可以使用本机 Javascript 日期对象。 只需硬编码长时区名称'America/Los_Angeles。

var usertimezone = 'America/Los_Angeles';
var usertimezoneabbreviation = new Date().toLocaleTimeString('en-us',{timeZone: usertimezone, timeZoneName:'short'}).split(' ')[2];

console.log(usertimezoneabbreviation); //PDT

Answer 10

2015 年更新：

jsTimezoneDetect可以和moment-timezone一起使用获取客户端时区缩写：

moment.tz(new Date(), jstz.determine().name()).format('z');  //"UTC"

Moment-timezone 无法自行执行此操作，因为它用于处理此问题的函数已被贬值，因为它并非在所有情况下都有效：https://github.com/moment/moment/issues/162 获取客户端时区缩写。

Answer 11

如果一切都失败了，您可以简单地使用the long names and abbreviations 创建自己的哈希表。

Answer 12

对于跨浏览器支持，我建议使用 YUI 3 库：

Y.DataType.Date.format(new Date(), {format:"%Z"});

它支持strftime 标识符。

更多信息： http://yuilibrary.com/yui/docs/datatype/#dates

Answer 13

我知道问题仍然存在于浏览器之间的差异，但这是我过去在 Chrome 中得到的。但是它仍然不是缩写，因为 Chrome 会返回长名称。

new Date().toString().replace(/^.*GMT.*\(/, "").replace(/\)$/, "")

Answer 14

原生 JavaScript 无法实现。浏览器在返回时区字符串方面不一致。一些返回偏移量，如+0700，而另一些返回PST。

它不一致或不可靠，这就是为什么您需要像moment.js（和moment-timezone.js）这样的第三方脚本，或者创建自己的哈希表来在偏移量和时区缩写之间进行转换。

Answer 15

这是一个棘手的话题。从我收集的信息来看，时区在创建时并未嵌入为 Date 对象的一部分。您也不能为 Date 对象设置时区。但是，您可以从 Date 对象中获得一个时区偏移量，该对象由用户的主机系统（时区）设置确定。将时区视为确定与 UTC 的偏移量的一种方式。

为了让生活更轻松，我强烈推荐moment 和moment-timezone 来处理这些事情。 Moment 为 Date 创建了一个包装器对象，并为各种事物提供了一个不错的 API。

如果通过某些参数或其他东西向您提供现有的日期对象，您可以在创建时刻对象时将其传递给构造函数，然后您就可以滚动了。此时您可以使用moment-timezone 猜测用户的时区名称，然后使用moment-timezone formatting 获取时区的缩写。我敢说大多数用户都自动设置了他们的时区，但你不应该依赖它来获得 100% 的准确性。如果需要，您还可以在提取所需格式之前手动设置要使用的时区。

通常在使用日期和时间时，最好将 UTC 存储在数据库中，然后在显示时使用 moment js 格式化用户时区的时间。在某些情况下，您可能需要确保时区正确。例如，如果您允许用户在特定日期和时间安排某事。您需要绝对确保与西海岸用户一起将时区设置为 PDT/PST，然后再转换为 UTC 以存储在数据库中。

关于时区缩写...
这是一个使用 moment 和 moment-timezone 获取时区缩写的基本示例。

// if all you need is the user's timezone abbreviation you don't even need a date object.
const usersTimezoneName = moment.tz.guess()
const timezoneAbbr = moment().tz(usersTimezoneName).format('z')
console.log(timezoneAbbr) // PST (depending on where the user is)

// to manually set the timezone
const newYorkAbbr = moment(dateObj).tz('America/New_York').format('z')
console.log(newYorkAbbr) // EST

要显示具有特定时区偏移量的特定日期对象，您可以这样做。

const xmas = new Date('December 25, 2017 16:20:00')
const losAngelesXmas = moment(xmas).tz('America/Los_Angeles')
console.log(losAngelesXmas.format("dddd, MMMM Do YYYY, h:mm:ss a")) // Monday, December 25th 2017, 4:20:00 pm

Answer 16

试试这个功能

function getTimezoneAbbreviation(date) {
  // Convert the date into human readable
  // An example: Fri Jul 09 2021 13:07:25 GMT+0200 (Central European Summer Time)
  // As you can see there is the timezone

  date = date.toString();

  // We get the timezone matching everything the is inside the brackets/parentheses
  var timezone = date.match(/\(.+\)/g)[0];

  // We remove the brackets/parentheses
  timezone = timezone.replace("(", "").replace(")", "");

  // A new variable for the abbreviation
  var abbreviation = "";

  // We run a forEach dividing the timezone in words with split
  timezone.split(" ").forEach((word) => {

      // We insert the first letter of every word in the abbreviation variable
      abbreviation += word.split("")[0];

  });

  // And finally we return the abbreviation
  return abbreviation;
}

Answer 17

试试 Google 的 Closure Class goog.i18n.DateTimeSymbols 及其与语言环境相关的类。

Answer 18

这是一个 JavaScript 自我更新、12 小时格式的日期/时间显示，它并不能完全回答问题，但它可能会帮助其他人，因为它是相关的，并且建立在 Stephen DuMont's 解决方案和 MDN 链接上。 W3 Schools 有一个非常有用的教程，实时更新不需要刷新页面。

使用最新版本的桌面 FireFox、Chrome、Opera 和 Internet Explorer 11 进行测试都可以正常工作。在 IE 中，“2 位”小时似乎只为单个值添加零前缀，但是对于所有浏览器，分钟都可靠地返回 2 位值。尽管忽略了 12 小时格式并且没有隐藏秒数，但使用已停产的 Windows Safari 进行的测试仍然有效。

该功能包括本地时区，以及备用语言、日期和日期显示以及 12/24 小时格式的可调选项。拆分日期和时间以添加分隔的“at”字符串。仅使用选择选项设置“toLocaleTimeString”也将返回日期和时间。可以参考 MDN 页面以获取选项和值。

<!--
function dateTimeClock() {
  var date = new Date();
  document.getElementById('timedate').innerHTML = date.toLocaleDateString(['en-us', 'en-GB'], {
      weekday: 'long',
      month: 'long',
      day: '2-digit',
      year: 'numeric'
    }) + ' at ' +
    date.toLocaleTimeString(['en-us', 'en-GB'], {
      hour12: 'true',
      hour: '2-digit',
      minute: '2-digit',
      timeZoneName: 'short'
    });
  var t = setTimeout(dateTimeClock, 500);
}

function start() {
  dateTimeClock();
}
window.onload = start;
//-->

<div id="timedate"></div>

Answer 19

import { tz } from 'moment-timezone';
import * as moment from 'moment';

const guess = tz.guess(true);    // "Asia/Calcutta"
const zone = tz.zone(guess);     // return Zone object 
zone.abbr(new Date().getTime())  // "IST" 
// once u pass timestamp it'll return timezone abbrevation.

Answer 20

try {
    result = /.*\s(.+)/.exec(date.toLocaleDateString(navigator.language, {timeZoneName:'short' }))[1];
} catch(e) {
    result = (new Date()).toTimeString().match(new RegExp("[A-Z](?!.*[\(])","g")).join('');
}

console.log(result);