Question

此前的答案向我指出了moment.js的javascript日期处理，我很高兴找到它。我可以很愉快地解析和操纵。

我网站上的用户查看与不同物理网站/位置相关的信息，并且我希望在特定于该位置的时间内显示关联的日期时间，不用户所在地。

每个物理站点都有一个时区属性字符串，如“Europe / London”或“Europe / Amsterdam”

我的日期时间都是以UTC格式存储和传送的。

有没有一种聪明的简单方法可以在任何指定的时区渲染我的moment.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这样的东西（如果你需要检测用户在哪个时区）和{{3如果你需要在区域之间本地化日期。

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

由于mde / timezone-js，你将日期时间存储在UTC中会让你很容易。

Answer 3

在node.js中，使用node-time（https://github.com/TooTallNate/node-time）实际上非常简单。覆盖全局Date对象，然后扩展moment.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());

Shell输出：

$ 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

在提出这个问题大约一年后，Moment Timezone被引入。以下是Moment Timezone如何解决此问题的示例。

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>

获取moment.js以显示适合于查看信息的日期时间

4 个答案: