获取时刻.js以显示适合正在查看的信息的日期时间

Question

这里的先前答案为我指出了 JavaScript 日期处理的时刻.js，我真的很高兴找到它。我可以非常愉快地解析和操作。

我网站上的用户查看与各种物理站点/位置相关的信息，我希望在特定于该位置的时间内显示关联的日期时间，而不是用户位置。

每个物理站点都有一个时区属性字符串，如"欧洲/伦敦"或"欧洲/阿姆斯特丹"

我的日期时间都以 UTC 格式从数据库存储和传递。

有没有一种聪明的简单方法可以在任何指定的时区渲染我的时刻.js对象？

Answer 1

从理论上讲，你可以做这样的事情。

moment.fn.formatInZone = function(format, offset) {
    return this.clone().utc().add('hours', offset).format(format);
}
moment().formatInZone('HH:mm:ss', 7);
moment().formatInZone('HH:mm:ss', -7);

但是，这需要您知道正确的偏移量，因此不会考虑夏令时。

Answer 2

如果你想

在另一个时区显示日期，而不是用户实际所在的时区，那么你需要开始研究诸如 https://bitbucket.org/pellepim/jstimezonedetect（如果你需要检测用户在哪个时区）和 https://github.com/mde/timezone-js 如果你需要本地化区域之间的日期。

我上面链接到的jsTimezoneDetect将帮助您提供相关时区的候选列表。

由于mde/timezone-js，您将日期时间存储在UTC中将使您非常容易。

Answer 3

在node中.js使用nodetime（https://github.com/TooTallNate/node-time）这实际上非常简单。覆盖全局 Date 对象，然后延长时刻.js：

var time = require('time')(Date),
    moment = require('moment');
moment.fn.setTimezone = function(timezone, relative) {
    this.toDate().setTimezone(timezone, relative);
    return this;
}
moment.fn.getTimezone = function() {
    return this.toDate().getTimezone();
}

为了更好地衡量，让我们加入一个实用程序函数来将"传入"日期/时间字符串转换为 UTC：

moment.fromTimezone = function(datetime, timezone) {
    return moment(datetime, "YYYY-MM-DD HH:mm").setTimezone(timezone, true).setTimezone("UTC");
}

你可以这样做：

var fmt = "YYYY-MM-DD HH:mm",
    datetime = "2013-03-21 00:40",
    timezone = "Israel",
    m = moment.fromTimezone(datetime, timezone);
console.log(datetime, "in", timezone, "is", m.format(fmt), "in UTC");
console.log(m.format(fmt), "in UTC is", m.setTimezone(timezone).format(fmt), "in", m.getTimezone());

外壳输出：

$ node mtz.js
2013-03-21 00:40 in Israel is 2013-03-20 22:40 in UTC
2013-03-20 22:40 in UTC is 2013-03-21 00:40 in Israel
$

Answer 4

这个问题

被问到大约一年后，时刻时区被引入。以下是时刻时区如何解决此问题的示例。

const databaseDate = '2014-05-01T12:00:00Z';
const databaseTimezone = 'America/New_York';
const formatString = 'MMMM Do YYYY, h:mm:ss a';
const dateInUTC = moment.utc(databaseDate);
document.getElementById('dateInUTC').textContent = dateInUTC.format(formatString) + ' in UTC';
const dateInDbTZ = moment.utc(databaseDate).tz(databaseTimezone);
document.getElementById('dateInDbTZ').textContent = dateInDbTZ.format(formatString)  + ' in ' + databaseTimezone;
const dbDateWithoutTZ = '2014-05-01T12:00:00'; // no 'Z'
const dateInLocalTime = moment(dbDateWithoutTZ);
   document.getElementById('dateInLocalTime').textContent = dateInLocalTime.format(formatString) + ' in local time or ' + dateInLocalTime.utc().format(formatString) + ' in UTC';

<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.17/moment-timezone-with-data.min.js"></script>
<dl>
<dt>UTC Date</dt>
<dd id="dateInUTC"></dd>
<dt>Timezone-formatted Date</dt>
<dd id="dateInDbTZ"></dd>
<dt>Bad: non-UTC date interpreted as "local time"</dt>
<dd id="dateInLocalTime"></dd>
</dl>