使用element-UI的日期选择器,如果有修改周起始日的需求,可以直接配置DatePicker属性firstDayOfWeek
然而到了element-Plus,这个属性被优化了
百度找到一个生效方法,但是死活过不了打包校验,内容如下
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
// @ts-ignore
dayjs.en.weekStart = 1
经多次尝试,得到另一方案,有更优方案欢迎留言
npm install dayjs@latest
import dayjs from 'dayjs'
import 'dayjs/locale/zh-cn' // 中文
import en from 'dayjs/locale/en' // 英文
// 设置 Day.js 的周起始为周一
dayjs.locale('zh-cn', { weekStart: 1 })
const modifiedEn = {
...en,
weekStart: 1
}
//@ts-ignore
dayjs.locale(modifiedEn, null, true) // 第三个参数 `true` 表示覆盖原配置
注意要点
- element-plus自带dayjs,如果版本够高可以不用再安装dayjs
- 以上代码如果只想局部生效,可以放在组件里。想全局生效,就放在main.ts里
- 在修改en的weekstart时需要复杂处理一下,不然会报错
- 我测试的生效版本:
- "dayjs": "^1.11.13",
- "element-plus": "^2.3.3"


1万+

被折叠的 条评论
为什么被折叠?



