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

Question

我在JS中非常糟糕,我正在与moment.js斗争

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

所以,如果UTC日期是2017年3月30日上午6:34:22,纽约有人会看到2017年3月30日凌晨2:34:22珀斯有人看到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,而是保留当地时区.提示会很好:)

Answer 1

您可以使用时刻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>

Answer 2

如果您想在 moment js 中将日期转换为另一个时区，请使用utcOffset并提供偏移量，如下所示

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