ElementPlus日期组件设置一周起始日

南枫Von
May 23, 2022
Last edited: 2022-6-15
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>

配置前后效果

配置前:
notion image
notion image
配置后:
notion image

更多

这是中文环境下的配置,我们国家周一是周起始日,如果要按其他国家的习惯来,就配置对应国际化。

文档资料

VS Code主题、插件一揽子推荐沟通是一场无限游戏-《沟通的方法》速查笔记
  • Waline
  • Cusdis