如何通过Moment全局设置挪威语Locale使rc-calendar生效？

我之前也碰到过类似moment全局Locale不生效的情况，给你几个实用的解决方案，帮你把rc-calendar的月份和星期改成挪威语：

方案一：手动给rc-calendar传入挪威语配置 #

有时候全局设置moment.locale可能因为组件内部逻辑被覆盖，最稳妥的方式是直接把挪威语配置传给rc-calendar组件：

import moment from 'moment';
import 'moment/locale/nb';
import Calendar from 'rc-calendar';

// 先激活moment的挪威语Locale
moment.locale('nb');
// 获取moment的挪威语本地化数据
const nbLocaleData = moment.localeData('nb');

// 在渲染Calendar时传入locale属性
function MyCalendar() {
  return (
    <Calendar
      locale={{
        monthLocale: nbLocaleData.months(),
        monthShortLocale: nbLocaleData.monthsShort(),
        weekLocale: nbLocaleData.weekdays(),
        weekShortLocale: nbLocaleData.weekdaysShort(),
        weekMinLocale: nbLocaleData.weekdaysMin(),
      }}
    />
  );
}

这样组件会直接使用你传入的挪威语文本，不会受全局Locale的影响。

方案二：排查是否有代码覆盖了全局Locale #

你可以在设置moment.locale('nb')之后立刻打印console.log(moment.locale())，看看输出是不是nb。如果不是，说明有其他代码（比如第三方库、其他组件的初始化逻辑）又把Locale改回了en。

找到那个覆盖的地方，调整执行顺序，确保你的挪威语设置在最后执行。

方案三：修复打包工具的Locale引入问题 #

如果你的项目用webpack这类打包工具，可能因为tree-shaking或者默认配置的问题，moment的挪威语Locale没有被正确打包进去。可以在webpack配置里添加插件指定需要的Locale：

const webpack = require('webpack');

module.exports = {
  // ...其他配置项
  plugins: [
    // 只打包moment的挪威语Locale
    new webpack.ContextReplacementPlugin(/moment[/\\]locale$/, /nb/),
  ],
};

这样打包工具会确保moment/locale/nb被正确引入，不会被忽略。

额外提示 #

如果使用的是较新版本的rc-calendar，它已经更依赖dayjs而非moment了（不过你当前用的是moment版本的话忽略这条）。如果后续升级组件，记得切换到dayjs的挪威语配置。

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