html:
可以使用数据 :picker-options实现
<el-col :span="24">
<el-form-item label="开始时间" prop="starttime">
<el-date-picker
v-model="planForm.starttime"
type="datetime"
placeholder="选择日期时间" style="width:90%" :picker-options="pickerOptionsStart" >
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="结束时间" prop="endtime">
<el-date-picker
v-model="planForm.endtime"
type="datetime"
placeholder="选择日期时间" style="width:90%" :picker-options="pickerOptionsEnd">
</el-date-picker >
</el-form-item>
</el-col>
data(){
return{
planForm:{
oid:'',
planname:'',
starttime:'',
endtime:''
},
pickerOptionsStart: {
// 开始时间小于结束时间
disabledDate: time => {
let endTime = this.planForm.endtime;
if (endTime) {
return time.getTime() > new Date(endTime).getTime();
}
}
},
pickerOptionsEnd: {
disabledDate: time => {
let beginTime = this.planForm.starttime;
if (beginTime) {
return time.getTime() < new Date(beginTime).getTime();
}
}
},
}
}