vite + ant-design-vue3日期组件语言不显示中文问题解决

vite + ant-design-vue3日期组件语言不显示中文问题解决,第1张

随着ant-design-vue v3的推出,ant-design-vue官方把时间组件中的momentjs 替换成了dayjs,升级完后发现日期显示不正常(月份,星期不显示中文),如下:

参考: Antdv日期选择组件国际化问题_giao00000的博客-CSDN博客_antd moment 国际化

1下载ejs和moment js文件

2项目html文件引用ejsjs和momentjs库

3渲染ejs模板,你需要使用ejs内置render函数进行数据渲染

html = new EJS({url: '/templateejs'})render(data)

4使用momentjs库格式日期

<h1>日期: <%= moment(yourDateVar)format('yyyy-MM-dd') %> </h1>

5最终页面呈现:日期:2016-08-16

momentjs 格式化显示时间差

项目中有个字段需要计算两个时间的时间差,并且按照 x天 x 小时 x 分钟 显示,如

之前已经在项目中引入了 momentjs ,接下来用其中的一些方法封装一个可以得到目标字符串的函数。

以上就是关于vite + ant-design-vue3日期组件语言不显示中文问题解决全部的内容,包括:vite + ant-design-vue3日期组件语言不显示中文问题解决、如何利用moment.js在xxx.ejs页面格式化日期、moment.js 格式化显示时间差等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10090998.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存