Moment.js跨时区日期展示问题：如何原样显示指定时间不受用户时区影响

你当前页面渲染的结果和预期存在偏差，核心是两步逻辑没有闭环：

1. 你控制台看到的/Date(1616070600000+0530)/是.NET框架序列化的时间格式，对应的绝对时间点是UTC基准下2021-03-18 12:30:00，换算为东5.5时区的本地时间，就是你要固定展示的2021-03-18 18:00:00
2. 你现有代码里，用moment.utc()把时间上下文强制切到0偏移的UTC时区后，如果后续的固定偏移设置因为参数格式、方法调用顺序问题没有正常生效，就会直接格式化输出UTC基准的12:30:00 PM，和你现在看到的页面结果完全匹配

核心逻辑是先提取不依赖用户时区的绝对时间戳，再给这个时间绑定固定的+5:30时区偏移，最后做格式化输出，整个过程完全不受用户当前所在地理位置、系统时区配置的影响：

// 从传入的响应值中提取不受解析逻辑干扰的UTC毫秒时间戳
const timeStamp = moment(this.response_d).valueOf();
// 基于绝对时间戳新建moment实例，强制绑定固定偏移：东5.5区对应UTC偏移+330分钟
this.res_d = moment(timeStamp).utcOffset(330).format('YYYY-MM-DD h:mm:ss A');

如果不需要上下午标识、要严格展示24小时制的时间，只需要把格式化参数调整为：

this.res_d = moment(timeStamp).utcOffset(330).format('YYYY-MM-DD HH:mm:ss');

输出结果就是和控制台里完全一致的2021-03-18 18:00:00

• 不要直接对已经解析好的moment实例反复嵌套moment.utc()，这个操作只是把时间上下文强制切到0偏移的UTC基准，如果后续偏移设置出错，就会直接输出UTC时间值
• utcOffset方法的数字参数单位是分钟，不是小时。东5.5区对应的数字偏移值是330（即5小时30分钟换算的总分钟数），如果错写成小时数5.5，会被识别为仅偏移5.5分钟，导致结果完全错乱
• 用字符串形式传偏移参数（比如'+05:30'）虽然可以被识别，但部分旧版本moment对格式的容错性差，漏写冒号、大小写不匹配时会被静默忽略，数字形式传偏移值的兼容性更好
• 只要在新建moment实例后第一时间设置固定偏移，不管用户把系统时区设成西八区、东一区还是东十区，最终展示的时间值都是固定的，不会随时区变化产生偏移

内容的提问来源于stack exchange，提问作者rahularyansharma