el-date-picker 周一到周日
时间: 2023-10-08 17:12:33 浏览: 149
el-date-picker组件默认的日期是从周日到周六。如果你想要将默认日期设置为从周一到周日,你可以在el-date-picker上加入picker-options="{ firstDayOfWeek: 1 }"的属性。具体操作如下:
```
<el-date-picker v-model="value1" type="week" format="yyyy 第 WW 周" placeholder="选择周" :picker-options="{ firstDayOfWeek: 1 }"></el-date-picker>
```
这样设置之后,你会发现value1绑定的数据是星期二的数据,如果想要获取周一的数据,你需要对时间进行处理。你可以按照以下步骤进行处理:
1. 在需要的.vue文件里引入moment,使用npm install moment --save安装。
2. 添加一个处理时间的函数,命名为cc,并在el-date-picker上添加@input="cc"来触发函数。
3. 在处理时间的函数中,使用moment库来获取周一和周日的日期。
```
cc() {
let weekOfday = moment(this.value1).format("E");
let Monday = moment(this.value1)
.subtract(weekOfday - 1, "days")
.format("YYYY-MM-DD"); //周一日期
let Sunday = moment(this.value1)
.add(7 - weekOfday, "days")
.format("YYYY-MM-DD"); //周日日期
console.log(Monday, Sunday);
}
```
这样就可以获得el-date-picker组件中对应的周一和周日的日期了。
阅读全文