结束日期和开始日期
<el-col >
<el-form-item class="selfFormClass" label="计划开始日期" prop="cmPstartDate">
<el-date-picker v-model="form.cmPstartDate" type="date" value-format="yyyy-MM-dd"
:picker-options="starttime" placeholder="请选择开始日期"></el-date-picker>
</el-form-item>
</el-col>
<el-col >
<el-form-item class="selfFormClass" label="计划完成日期" prop="cmPendDate">
<el-date-picker v-model="form.cmPendDate" type="date" value-format="yyyy-MM-dd"
:picker-options="endtime" placeholder="请选择结束日期"></el-date-picker>
</el-form-item>
</el-col>
//开始日期
starttime: {
disabledDate: (time) => {
if (this.form.cmPendDate) {
// 今天之后(包括今天)到结束日期之前可选择
return (
time.getTime() < Date.now() - 8.64e7 ||
time.getTime() > new Date(this.form.cmPendDate).getTime() - 8.64e7
);
} else {
// 今天之后(包括今天)可选择
return time.getTime() < Date.now() - 8.64e7;
}
},
},
//结束日期
endtime: {
disabledDate: (time) => {
if (this.form.cmPstartDate) {
// 开始日期之后(不包括开始日期)可选择
return time.getTime() < new Date(this.form.cmPstartDate).getTime();
} else {
// 今天之后(不包括今天)可选择
return time.getTime() < Date.now();
}
},
},
注意是放在data() {
return {}
}里