参考链接
https://blog.csdn.net/dave_hz/article/details/89183829
这里注意一下 disabledDate
一定要使用Date
类型,不然没有用哦
<el-date-picker
type="date"
placeholder="开始日期"
v-model="ruleForm.start_time"
:picker-options="pickerOptions0"
style="width: 100%"
></el-date-picker>
<el-date-picker
type="date"
placeholder="结束日期"
v-model="ruleForm.end_time"
:picker-options="pickerOptions1"
style="width: 100%"
></el-date-picker>
//限制结束日期不能大于开始日期
pickerOptions0: {
disabledDate: (time) => {
if (this.ruleForm.end_time != "") {
return (
time.getTime() < Date.now() - 24 * 60 * 60 * 1000 ||
time.getTime() > this.ruleForm.end_time
);
} else {
return time.getTime() < Date.now() - 24 * 60 * 60 * 1000;
}
},
},
pickerOptions1: {
disabledDate: (time) => {
return (
time.getTime() < this.ruleForm.start_time - 24 * 60 * 60 * 1000 ||
time.getTime() < Date.now() - 24 * 60 * 60 * 1000
);
},
},