VUE3 Element Plus 日历组件从每周一开始

致远号

已于 2022-06-14 09:18:21 修改

阅读量4.3k

点赞数 3

文章标签： vue

于 2022-04-26 15:29:11 首次发布

本文链接：https://blog.csdn.net/weixin_42552681/article/details/124428505

版权

本文档探讨了在Vue3项目中使用ElementPlus组件库时遇到的日历组件周始日配置问题。默认情况下，日历以周日开始，但需求是周一开始。尽管ElementPlus移除了ElementUI中的first-day-of-week属性，并建议通过国际化设置来更改，但在实践中发现仅更改名字并未改变周始日。解决方案是引入dayjs的中文本地化包，但具体实现细节并未详细展开。

摘要由CSDN通过智能技术生成

Emmm 鉴于最近参加的项目时 Vue3 使用了Element Plus 这个组件库，好巧不巧的遇到日历（calendar）的问题，，

在使用Element Plus 的时候日历（calendar）组件为周日（Sun）开头，需求想用周一（Mon）开头，但是在Element Plus组件里取消了 ElementUi 中日历（calendar）的first-day-of-week 属性，，在Element Plus 里提到用周一（Mon）开头要设置国际化。。但是设置国际化之后，发现只有名字发生了改变，还是周日（Sun）开头，，，

需要引入
import ‘dayjs/locale/zh-cn’;

在这里插入图片描述
这是修改后的成果