moment.js 更改区域设置不起作用

Question

我的项目是一个react项目。

我的网站是一个多语言网站，当我更改网络语言时。

moment.locale(lang)

不工作。

我的代码是：

const startDate = moment.utc(start).locale(lang);
const endDate = moment.utc(end).locale(lang);

无论我设置什么

lang

我检查

startDate.locale()

始终是

'en'

startDate.format('ll')

结果始终是英语。

Answer 1

如果项目是使用 create-react-app 创建的，则可能会默认排除。

这现已记录在 create-react-app 故障排除指南的“Moment.js 语言环境丢失”部分中。

解决方案：除了“moment”之外还显式导入语言环境：

import moment from 'moment';
import 'moment/locale/fr';
import 'moment/locale/es';
// etc. as required

Answer 2

根据这个github问题，从2022年左右开始，它必须像这样导入：

import moment from 'moment';
import 'moment/dist/locale/de';

moment.locale('de');

如果这不起作用，请尝试以下更改：

import moment from 'moment/dist/moment';

Answer 3

我想如果你这样做

import 'moment/min/locales'

而不是单独导入每个语言环境。就我而言，它解决了我的问题

Answer 4

对于像这样的 React Native 应用程序导入时刻解决了问题

import moment from 'moment/min/moment-with-locales';

Answer 5

您应该使用

moment.updateLocale

功能

Answer 6

Reactjs 18.2.0

从“时刻”导入时刻；导入“时刻/语言环境/ru”；

让现在=时刻（）； console.log(now.format('LLLL'));