ElementPlus日期组件设置一周起始日
2022-5-23|2022-6-15

南枫Von
type
Post
status
Published
date
May 23, 2022
slug
summary
周起始日涉及到国际化配置
tags
前端
编程
category
技术分享
icon
password
Property
Jun 15, 2022 01:24 PM
周起始日涉及到国际化配置
配置国际化
ElementUI日期组件提供了
firstDayOfWeek
属性,可以设置周起始日,但是ElementPlus未提供该属性,文档里只提到“日期相关的文字(月份,每一周的第一天等等)也都是通过国际化来配置的。”
在项目中main.js文件内配置国际化,再配置dayjs国际化。(第7、8、10行)
再使用日期组件,一周起始日就是周一了。import { createApp } from 'vue'; import App from './App.vue'; import ElementPlus from 'element-plus'; import 'element-plus/dist/index.css'; import zhCn from 'element-plus/es/locale/lang/zh-cn'; import 'dayjs/locale/zh-cn'; createApp(App).use(ElementPlus, { locale: zhCn }).use(ElementPlus).mount('#app');
<a name="pMO9F"></a>
配置前后效果
配置前:


配置后:

更多
这是中文环境下的配置,我们国家周一是周起始日,如果要按其他国家的习惯来,就配置对应国际化。
文档资料
- Twikoo
- Waline
- Cusdis