ElementPlus周选择器设置起始日

ElementPlus里的el-date-picker type="week"设置周一为起始日

遇到问题:
使用周选择器的时候,周日为起始日,与需求不符。官方文档上说需要通过国际化配置:
在这里插入图片描述
然后按照文档配置了一下,我的版本"element-plus": "^2.7.2",配置代码如下:(没有生效!!
main.js

import ElementPlus from "element-plus";
import locale from "element-plus/es/locale/lang/zh-cn"; // 中文语言
import App from "./App";

const app = createApp(App);

// 使用element-plus 并且设置全局的大小
app.use(ElementPlus, {
  locale: locale,
});

解决办法:

element-plus内置时间处理是引用dayjs。所以,除了main.js中配置国际化以外,使用el-date-picker的页面还需要添加如下代码:

        <el-date-picker
          v-model="queryDate"
          type="week"
          placeholder="选择周"
          format="YYYY 年 ww 周"
          value-format="YYYY-MM-DD"
        />
        
import { dayjs } from "element-plus";
dayjs.en.weekStart = 1;
import "dayjs/locale/zh-cn";
dayjs.locale("zh-cn");

设置前设置后

  • 14
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值