dom上
<el-form-item label="开始时间" prop="startTime">
<el-date-picker
placeholder="选择时间"
v-model="addForm.startTime"
style="width: 100%;"
:picker-options="pickerOptionsStart"
></el-date-picker>
</el-form-item>
<el-form-item label="结束时间" prop="endTime">
<el-date-picker
placeholder="选择时间"
v-model="addForm.endTime"
style="width: 100%;"
:picker-options="pickerOptionsEnd"
></el-date-picker>
</el-form-item>
script
data() {
return {
/* 日期控制范围 */
pickerOptionsStart: {
disabledDate: time => {
if (this.addForm.endTime) {
return (
time.getTime() < Date.now() - 8.64e7 ||
time.getTime() > new Date(this.addForm.endTime).getTime()
);
} else {
return time.getTime() < Date.now() - 8.64e7;
}
}
/*disabledDate(time) {
return time.getTime() < Date.now() - 3600 * 1000 * 24;
}*/
},
pickerOptionsEnd: {
disabledDate: time => {
if (this.addForm.startTime) {
return (
time.getTime() < Date.now() - 8.64e7 ||
time.getTime() < new Date(this.addForm.startTime).getTime()
);
} else {
return time.getTime() < Date.now() - 8.64e7;
}
}
/*disabledDate(time) {
return time.getTime() < Date.now() - 3600 * 1000 * 24;
}*/
},
};