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也不报错,解决办法是手动导入。

Monent.js在React中设置中文

上一篇:js进度条实现原理


下一篇:Spring整合Junit