Monent.js在React中设置中文

Monent.js在React中设置中文

Created: Jun 8, 2021 9:07 AM

今天想做个案例，用到了Moment.js处理时间，因为设置中文踩了一些坑，记录下来。

安装

npm install moment --save   # npm

导入

// 导入moment
import moment from 'moment';
// 导入中文语言包
import 'moment/locale/zh-cn';
// 设置中文
moment.locale('zh-cn');

// 使用
return (<div>
    {moment().format('MMMM Do YYYY, h:mm:ss a')}
</div>)

注意，必须导入中文语言包，不然单单设置中文没有作用

好像是因为webpack在打包时候不会自动加入语言包，moment.js也不报错，解决办法是手动导入。