Element 中 el-date-picker组件 type="date" 时,设置日期可选起始或截止时间
页面引入标签:
<el-date-picker v-model="ruleForm.deadline"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
:picker-options="pickerOptions"
type="date">
</el-date-picker>
注:pickerOptions 为设置日期可选范围的属性
1. 禁用今天之后的日期(不包含今天)
pickerOptions:{ //禁用今天之后的日期(包含今天)
disabledDate(time) {
return time.getTime() > Date.now();
},
},
效果:
2. 禁用今天之后的日期(包含今天)
pickerOptions:{ //禁用今天之后的日期(不包含今天)
disabledDate(time) {
return time.getTime() > Date.now() - 8.64e7;
},
},
效果:
3. 禁用今天之前的日期(包括今天)
pickerOptions:{ //禁用今天之前的日期(包含今天)
disabledDate(time) {
return time.getTime() < Date.now();
},
},
效果:
4. 禁用今天之前的日期(不包括今天)
pickerOptions:{ //禁用今天之前的日期(不包含今天)
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7;
},
},
效果: