如何根据时区将时刻转换为另一个时刻

时间:2017-03-30 09:11:40

标签: javascript timezone momentjs

我在JS中非常糟糕,而且我正在与moment.js挣扎

我的愿望是:从div获取日期(UTC)并根据用户的时区转换此日期。

因此,如果UTC日期是2017年3月30日上午6:34:22 纽约有人看到30/03/2017 2:34:22 AM 珀斯有人看到30/03/2017 2:34:22 PM

我在C#中使用TimeZoneInfo和IsDaylightSavingTime做了类似的事情,但我不知道如何在JS中执行此操作。

在我的代码下面:

// <div id="utc-time">30/03/2017 6:34:22 AM</div>

var dt = document.getElementById("utc-time").innerHTML;  
var m = moment(dt, "DD-MM-YYYY hh:mm:ss a");
var tz = moment.tz.guess();
var user = moment.tz(dt, "DD-MM-YYYY hh:mm:ss a", tz);
var mString = m.toString();

// Console.log
// -----------
dt = 30/03/2017 6:34:22 AM
m = 1490826862000
user = Thu Mar 30 2017 06:34:22 GMT+0800
mString = Wed Mar 29 2017 22:34:22 GMT+0000

看起来创建的时刻不是UTC,而是保留当地时区。提示会很好:)

2 个答案:

答案 0 :(得分:8)

您可以使用片刻local()将片刻对象转换为用户本地时间,同时可以使用tz()转换片段之间的时间。

使用moment.utc将日期解析为UTC。使用format()显示时刻对象的值。

如果您只需要支持UTC和用户本地时间,则不需要时刻时区。

这是一份工作样本:

var dt = document.getElementById("utc-time").innerHTML;  
var m = moment.utc(dt, "DD-MM-YYYY h:mm:ss A"); // parse input as UTC
console.log(m.clone().local().format("DD-MM-YYYY h:mm:ss A")); // local time
var tz = 'America/New_York'; // example value, you can use moment.tz.guess()
console.log(m.clone().tz(tz).format("DD-MM-YYYY h:mm:ss A")); // 30-03-2017 2:34:22 AM
tz = 'Australia/Perth';
console.log(m.clone().tz(tz).format("DD-MM-YYYY h:mm:ss A")); // 30-03-2017 2:34:22 PM
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.7/moment-timezone-with-data-2010-2020.min.js"></script>

<div id="utc-time">30/03/2017 6:34:22 AM</div>

答案 1 :(得分:0)

如果要在js瞬间将日期转换为另一个时区,请使用utcOffset并提供如下所示的偏移量

moment(new Date())).utc().utcOffset("+05:30").format("YYYY-MM-DD HH:mm:ss");