我从服务器得到的响应是“本地”时间戳。这意味着我的本地时间表示为 UTC 毫秒,但没有 UTC 偏移量。
例如:1537747200000
is Mon Sep 24 2018 00:00:00 UTC
Mon Sep 24 2018 03:00:00 EEST (my local time)
,但在我的上下文中,这个日期实际上是Mon Sep 24 2018 00:00:00 EEST
,所以 utc 值与我的时区。
如果需要,我现在想使用 moment 和 moment-timezone 来显示它。
所以我想知道的是如何创建一个新的时刻对象,"LOCAL milliseconds"?
这样我会在需要时传递 1537747200000 和我的本地时区,我可以将它显示为Mon Sep 24 2018 00:00:00 EEST
我发现使用 moment timezone + utcOffset 可以解决问题,但我真的不知道这是否是一个好方法。UTC 偏移量文档是这样说的:
通过提供分钟设置 UTC 偏移量。请注意,一旦您设置了偏移量,它就是固定的并且不会自行更改(即没有 DST 规则)。如果您想要一个实际的时区 - 特定位置的时间,例如 America/Los_Angeles,请考虑 moment-timezone。
另一种方法是将时刻格式化为 ISOString moment(1537747200000).toISOString()
,然后解析结果字符串,而不需要时区信息('z')。解析字符串时,可以在另一个时区解析它。moment.tz(moment(1537747200000).toISOString().slice(0, -1), tz)
. 但这需要我解析->格式->解析值,所以是很多额外的操作。
const [one, two, thr] = ["exp","tr","appr"];
const display = (toAdd, id) => document.getElementById(id).innerHTML += `<br/> ${toAdd}`;
const formatString = "MMM D, YYYY HH:mm z";
const tz = moment.tz.guess();
const millis_24_sep_00_00_utc = moment.utc("24-09-2018", "DD-MM-YYYY", true).valueOf(); //1537747200000
const isoString = moment(millis_24_sep_00_00_utc).toISOString();
//exp
display(tz, one);
display(millis_24_sep_00_00_utc, one);
const ex = moment.tz(millis_24_sep_00_00_utc, tz).utc().format("MMM D, YYYY HH:mm")
display(`${ex} ${moment().tz(tz).zoneAbbr()} <- local tz`, one);
//tr
[
moment(millis_24_sep_00_00_utc).tz(tz),
moment.utc(new Date(millis_24_sep_00_00_utc)).tz(tz),
moment.tz(millis_24_sep_00_00_utc, tz).utc(),
moment.tz(isoString, tz),
]
.forEach(mom => display(mom.format(formatString), two));
//some approaches
[
//setting utcOffset to 0
moment.tz(millis_24_sep_00_00_utc, tz).utcOffset(0),
//iso string to transform millis -> string -> parse the string in another tz
moment.tz(isoString.slice(0, -1), tz),
]
.forEach(mom => display(mom.format(formatString), thr));
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.21/moment-timezone-with-data.js"></script>
<title>Test</title>
</head>
<body>
<div id="exp">EXPECTED</div>
<hr/>
<div id="tr">TRIES</div>
<hr/>
<div id="appr">APPROACHES</div>
</body>
</html>