5

我有一个脚本可以读取用户时区并根据用户显示时间。如何显示时区缩写？

我有一个游戏网站，我们在帖子上写“我们将在 7:00 进行现场直播”。来自世界各地的用户阅读我们的博客，并希望观看直播。我有以下脚本应该读取用户时区，并根据用户居住地显示时间。

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Localtime</title>
  </head>
  <body>
    We'll be playing live at <span class="localtime">7:00PM EDT</span>
    <script src="//cdnjs.cloudflare.com/ajax/libs/datejs/1.0/date.min.js"></script>
    <script
      var els = document.getElementsByClassName('localtime');
      for (var i = 0, l = els.length; i < l; i++)
        els[i].innerHTML = 
          Date.parse(els[i].innerHTML).toLocaleString();
    </script>
  </body>
</html>

如何在时间旁边显示用户特定的时区缩写，以便用户知道时间基于他们的时区？

4

4 回答 4

3

一些东西：

  • date.js 已被废弃。您可能应该避免使用它。
  • 时区缩写不明确。请参阅此列表。
  • 例如，如果您输出为“CST” - 这可能意味着“中部标准时间”、“中国标准时间”或“古巴标准时间”。
  • 据我所知，没有任何库可以为您提供当地时区的缩写。
  • 您通常可以使用 just 看到一些区域信息Date().toString()，但它高度依赖于浏览器。它可能以缩写形式出现，或者作为时区的本地化全名或 id 出现，或者根本不出现。
  • 也许你最好只显示偏移量。那至少是标准化的。您可以使用原始 JavaScript 来做到这一点，甚至更容易使用moment.js。
  • 在您提供的代码中，没有输入日期，因此您很难将其锁定到特定时区。您假设“EDT”是所有浏览器中的日期解析器都可以识别的东西，但事实并非如此。

  • 最好的方法是从一个确切的时刻（UTC 或偏移量）开始，然后将其渲染为正确的格式。例如，（使用 moment.js）

    var m = moment("2013-08-06T19:00:00-04:00"); // this is 7PM EDT
var s = m.format("HH:mm ([UTC]ZZ)");  // example: "16:00 (UTC-0700)"
于 2013-08-06T22:20:40.597 回答
2

DateJS 核心代码的更新版本（并将在未来修复开放的错误）可在此处获得：

https://github.com/abritinthebay/datejs/

但是，听起来您只是在寻找 DateJS 的格式或 toString 方法。

例如：

var tmp = Date.parse("2013-09-05T22:40:00Z");
var time = tmp.format("g:i A T");

这将留下字符串“3:40 PM PDT”的时间

这不依赖于内部浏览器问题，因为 DateJS 根据日期的偏移量执行查找（每个浏览器都不会改变）。

于 2013-09-04T23:25:52.397 回答
0

尝试时刻时区， http: //momentjs.com/timezone/docs/#/zone-object/abbr/

<script>
   moment().tz("America/Los_Angeles").zoneAbbr();
</script>

请注意，包括 moment.js、moment-timezone.js 和 moment-timezone-data.js

于 2015-03-20T06:17:08.683 回答
0

bigeasy 的Timezone似乎是一种为您提供时区缩写的解决方案，尽管正如@matt-johnson 所暗示的那样，缩写不是标准化的。

使用 Node.js 尝试 Timezone 的示例（按照演练）：

$ npm install timezone
$ node
> tz = require('timezone');
[Function]
> us = tz(require("timezone/America"));
[Function]
> us(us("2013-12-11 03:00"), "America/Detroit", "%Z")
'EST'
> us(us("2013-12-11 03:00"), "America/Los_Angeles", "%Z")
'PST'
> us(us("2013-10-11 03:00"), "America/Los_Angeles", "%Z")
'PDT'

Moment.js有一个用于 time zone abbreviations 的入口点“hook”，但据我所知，还没有一个库可以利用这一点。

于 2013-12-02T17:18:59.097 回答