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");