如何格式化Moment日期，避免转换为用户本地时区？

针对你遇到的跨时区日期显示不一致问题（+01:00时区用户选的2023-08-26，+09:00时区用户查看时显示为2023-08-27），可以用以下几种方法解决，避免日期被转换为用户本地时区：

方法1：直接提取年、月、日字段手动格式化 #

既然只需要M/D/YYYY格式，完全可以跳过时区转换逻辑，直接从Moment对象中提取原始的年、月、日数值拼接成目标格式：

const dateMoment = moment(value);
const formattedDate = `${dateMoment.month() + 1}/${dateMoment.date()}/${dateMoment.year()}`;

注：Moment的month()方法返回0起始的月份值，所以需要加1转换为1起始的格式

方法2：转为UTC模式后格式化 #

如果希望基于UTC标准保持日期一致性，可将Moment对象转为UTC后再进行格式化：

const utcDate = moment(value).utc();
// 之后将utcDate传给你的dateFormat管道，即可得到不随本地时区变化的日期

这种方式适合后端存储UTC时间戳的场景，确保所有时区用户看到统一的UTC对应日期。

方法3：固定使用选择时的时区格式化（需moment-timezone） #

如果引入了moment-timezone库，可以强制使用用户选择日期时的时区（比如+01:00）来解析和格式化：

// 固定使用+01:00时区处理日期
const fixedTzDate = moment(value).tz('+01:00');
const formattedDate = fixedTzDate.format('M/D/YYYY');

无论当前用户处于哪个时区，都会按照指定时区解析日期，保证显示结果和选择时一致。

为什么toDate()不行？ #

moment(value).toDate()返回的是原生JS Date对象，而原生Date对象会自动根据用户本地时区转换显示，所以必然会出现跨时区日期不一致的问题。

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