这个问题我之前也碰到过，核心是react-intl和moment在时区处理逻辑上的差异导致的，下面给你拆解清楚原因和解决方案：

核心原因：react-intl的formatDate默认使用本地时区 #

你用moment.utc(date)创建的是一个绑定了UTC时区上下文的moment实例，但react-intl的formatDate方法并不会识别moment对象的时区上下文——它本质上会把传入的时间（不管是moment实例、Date对象还是时间戳）转换为当前运行环境的本地时区来格式化。

举个具体例子：

• 你的时间戳1420070399999对应UTC时间是Wed Dec 31 2014 23:59:59
• 如果用户在东八区（UTC+8），本地时区下这个时间就是Thu Jan 01 2015 07:59:59
• 而在UTC时区的电脑上，显示的还是Wed Dec 31 2014 23:59:59

这就导致不同时区的用户执行intl.formatDate(momentSimple)时，得到的是各自本地时区的格式化结果，自然不稳定。

而你用momentSimple.format(dateFormat)能得到稳定结果，是因为moment.utc()创建的实例在调用format时，默认会基于UTC时区来输出，不会受本地时区影响。

解决方法：强制react-intl使用UTC时区格式化 #

有几种方式可以让formatDate的结果在所有时区保持一致：

1. 调用formatDate时指定timeZone参数 #

直接在格式化选项里添加timeZone: 'UTC'，强制用UTC时区处理：

const defaultFormatStable = intl.formatDate(momentSimple, { timeZone: 'UTC' });

2. 全局配置react-intl的默认时区 #

如果你的整个应用都需要统一使用UTC时区，可以在IntlProvider组件里设置timeZone属性，这样所有formatDate调用都会默认使用这个时区：

import { IntlProvider } from 'react-intl';

<IntlProvider timeZone="UTC" locale="en">
  {/* 你的应用组件 */}
</IntlProvider>

3. 传入UTC时间的ISO字符串 #

也可以把moment对象转换为UTC的ISO字符串再传入，同时指定时区：

const utcIsoString = momentSimple.toISOString();
const defaultFormatStable = intl.formatDate(utcIsoString, { timeZone: 'UTC' });

不过这种方式不如直接给moment对象加timeZone参数简洁。

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