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

IT技术 javascript timezone momentjs
2021-03-11 08:13:44

我在 JS 方面真的很糟糕，而且我正在为 moment.js 苦苦挣扎

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

因此，如果 UTC 日期是 30/03/2017 6:34:22 AM 在纽约有人看到 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个回答

您可以使用 momentlocal()将 moment 对象转换为用户本地时间，同时您可以使用tz()zone 之间的时间转换。

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

如果您只需要支持 UTC 和用户本地时间，则不需要 moment-timezone。

这是一个工作示例：

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>

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

moment(new Date()).utc().utcOffset("+05:30").format("YYYY-MM-DD HH:mm:ss");
moment(...).utc() 似乎也相当于 moment.parseZone(...)
2021-04-24 08:13:44
其它你可能感兴趣的问题
上一篇为什么我无法使用 PhantomJS 2.1.1 呈现我的 ReactJS 应用程序？ 下一篇如何在 Firebase 表上进行连接