el-date-picker默认一周
时间: 2023-11-17 18:07:00 浏览: 115
解决Element中el-date-picker组件不回填的情况
5星 · 资源好评率100%
的起始日是星期几?如何实现不可选时间为本周以后?
el-date-picker默认一周的起始日是星期天。要实现不可选时间为本周以后,可以通过设置picker-options属性中的disabledDate函数来实现。具体实现方法可以参考以下代码:
```
<el-date-picker
v-model="value"
:picker-options="pickerOptions">
</el-date-picker>
<script>
export default {
data() {
return {
value: '',
pickerOptions: {
disabledDate: (time) => {
const now = new Date()
const today = new Date(now.getFullYear(), now.getMonth(), now.getDate())
const day = now.getDay() === 0 ? 7 : now.getDay() // 获取今天是星期几,如果是星期天则返回7
const start = new Date(today.getTime() - (day - 1) * 24 * 3600 * 1000) // 获取本周的起始日期
return time.getTime() > start.getTime() + 6 * 24 * 3600 * 1000 // 返回是否禁用该日期
}
}
}
}
}
</script>
```
相关问题:
1. 如何设置el-date-picker的起始日?
2. el-date-picker的picker-options属性中还有哪些常用的函数?
阅读全文