template中
<el-date-picker
value-format="yyyy-MM-dd"
v-model="form.operateExamStartTime"
type="date"
style="width:100%"
:picker-options="pickerOptions.operateExamStartTime"
placeholder="选择日期" />
<el-date-picker
value-format="yyyy-MM-dd"
v-model="form.operateExamEndTime"
type="date"
style="width:100%"
:picker-options="pickerOptions.operateExamEndTime"
placeholder="选择日期" />
data中
export default {
data () {
return {
pickerOptions: {
// 实操考试开始时间限制
operateExamStartTime: {
disabledDate: (time) => {
return new Date(this.form.operateExamEndTime) ? new Date(this.form.operateExamEndTime) <= new Date(time) : null
}
},
// 实操考试结束时间限制
operateExamEndTime: {
disabledDate: (time) => {
// 不能选择同一天
return new Date(this.form.operateExamStartTime) ? new Date(this.form.operateExamStartTime) <= new Date(time) : null
// 可以选择同一天
// elementui时间默认多了8小时,需要消除这8小时的影响
const tempDate = new Date(time)
const newDate = tempDate.setDate(tempDate.getDate() + 1)
return new Date(this.form.operateExamStartTime) ? new Date(this.form.operateExamStartTime) > new Date(newDate) : null
}
},
}
}
}
}