Element plus设置日历每周第一天从周一开始

背景:其实之前我还没有发现这个问题,因为我使用date-picker或者calendar时就是一个日期的应用,每周从第几天开始,对于功能和用户都没有什么影响,但是我现在碰到一个问题是要统计某一周的数据需要用date-picker选择周次,默认是从周日开始的,这就和我们中国人的使用习惯是不相符的,因此不得不解决这个小问题,使每周第一天从周一开始。

Element(适配VUE2)可以很简单的进行设置

但是我在Element plus(适配VUE3)却没有发现类似的配置属性,很无奈,只能从API的只言片语中找到一些线索。

按照API 提供的国际化的配置加入了以下代码,日期还是从周日开始的,和之前没有任何变化。

import ElementPlus from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'

app.use(ElementPlus, {
  locale: zhCn,
})

然后我就求助度娘,最后在一篇文章中看到了还需要有Day.js的国际化

 因此,要想实现Element plus设置日历每周第一天从周一开始在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,
})

综上,解决了我眼下的问题,感谢同行友友的分享,也希望我的分享能让后来人少走点弯路。

  • 24
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 21
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 21
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

菜鸟茜

随多随少随你心意^-^

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值