elementplus 配置日期控件el-date-picker的周次从周一开始

1,586 阅读1分钟

我们在使用elementplus的日期控件el-date-picker的选择周次功能时,需要将type设置为week,但是这时候,周次是从周日开始的,这不适合应用场景,我们需要的是从周一开始的。

Element(适配VUE2)提供了属性,可以进行设置

image.png

Element plus(适配VUE3)却没有发现类似的配置属性,而是通过国际化来配置

image.png

除此之外,Element Plus直接使用了Day.js项目的时间日期国际化设置,如月份名称、每周第一天是 周几等。并且会自动全局设置已经导入的Dyjs国际化配置。 需要引入import 'dayjs/locale/zh-cn'

我们可以在main.js中进行全局配置

加入代码:

import ElementPlus from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import 'dayjs/locale/zh-cn';
 
app.use(ElementPlus, {
  locale: zhCn,
})

这样就完成了使周次从周一开始的配置。

版权声明:本文为CSDN博主「ZYF」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:blog.csdn.net/weixin_4176…