3

所以我试图获取不同的时区，并且我已经设置了时间，但是，所有区域都显示相同的时间。

这是我的代码：

const format = 'HH:MM'

// San Francisco - Time
let sanFrancisco = moment().tz('Etc/GMT-8').format(format)
document.querySelector('.sanFrancisco').innerHTML = sanFrancisco + ' GMT-8';

// Mexico City - Time
let mexicoCity = moment().tz('Etc/GMT-6').format(format)
document.querySelector('.mexicoCity').innerHTML = mexicoCity + ' GMT-6'

// New York City - Time
let newYorkCity = moment().tz('Etc/GMT-5').format(format)
document.querySelector('.newYork').innerHTML = newYorkCity + ' GMT-5'

// Montréal - Time
let montreal = moment().tz('Etc/GMT-5').format(format)
document.querySelector('.montreal').innerHTML = montreal + ' GMT-5'

// London - Time
let london = moment().tz('Etc/GMT+0').format(format)
document.querySelector('.london').innerHTML = london + ' GMT+0'

这是我所看到的：

图片

至于加载，我只是使用 CDN，例如：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.23/moment-timezone.min.js"></script>
4

4 回答 4

4

由于您没有使用时区加载 Moment Timezone，因此您需要添加每个要使用的时区。要添加所有时区，您只需加载以下文件： 

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.23/moment-timezone-with-data.js"></script>

代替：

 <script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.23/moment-timezone.min.js"></script>
于 2018-12-19T21:32:08.137 回答
3

您很可能在后台遇到以下错误，它不会阻止显示格式化的日期，但不会添加区域偏移量：

moment-timezone.min.js:1 Moment Timezone 没有 Etc/GMT+0 的数据。请参阅http://momentjs.com/timezone/docs/#/data-loading/。

您需要moment.tz.add()在使用前加载时区。以洛杉矶为例：

moment.tz.add('America/Los_Angeles|PST PDT|80 70|0101|1Lzm0 1zb0 Op0');
let kobe = moment().tz('America/Los_Angeles').format(format)
于 2018-12-19T21:35:59.110 回答
2

您需要将格式从 更改'HH:MM'为'HH:mm'。

MM是当月的，但您正在寻找的分钟数是mm.

您还需要小心这些Etc/GMT-X时区的标志。您指定Etc/GMT-8了旧金山，但这些时区的标志是倒置的，所以确实如此Etc/GMT+8（只是使用时区名称更好的另一个原因）。

例如：

const sf = moment().tz('America/Los_Angeles').format('HH:mm');
const sfetc = moment().tz('Etc/GMT+8').format('HH:mm');
console.log(sf);
console.log(sfetc);
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.23/moment-timezone-with-data.js"></script>

于 2018-12-19T21:36:48.543 回答
1

这是从时区文档的那一刻起

“POSIX 兼容性要求反转偏移量。因此，Etc/GMT-X 的偏移量为 +X，而 Etc/GMT+X 的偏移量为 -X。这是 IANA 时区数据库的结果，而不是Moment.js 的任意选择。因此，使用基于位置的标识符优于固定偏移标识符。

例如， moment().tz('Etc/GMT+1').format('YYYY-MM-DD HH:mm ZZ') 将返回 2014-12-18 11:22 -0100 而 moment().tz ('Europe/Madrid').format('YYYY-MM-DD HH:mm ZZ') 将返回 2014-12-18 13:22 +0100。应使用 Europe/Madrid 标识符而不是 Etc/GMT+1 标识符。”

本质上，您应该使用城市名称标识符而不是 Etc/GMT+1 标识符。

这是您应该使用的时区标识符的链接。

于 2018-12-19T21:38:35.420 回答