<el-date-picker
v-model="form.patrolTime"
:picker-options="pickerOptionsStart"
type="datetime"
placeholder="选择巡查时间"
value-format="yyyy-MM-dd HH:mm:ss"
:disabled="edit"
>
</el-date-picker>
data:{
pickerOptionsStart: {
disabledDate: (time) => {
return time.getTime() > Date.now()
},
selectableRange: '00:00:00 - 23:59:59'
}
}
watch:{
'form.patrolTime': {
handler(selectTime) {
const date = new Date(new Date(selectTime).setHours(0, 0, 0, 0)).getTime()
const today = new Date(new Date().setHours(0, 0, 0, 0)).getTime()
const curTime = new Date()
if (date >= today) {
this.pickerOptionsStart.selectableRange = `'00:00:00 - ${String(curTime.getHours()).padStart(2, '0')}:${String(curTime.getMinutes()).padStart(2, '0')}:${String(curTime.getSeconds()).padStart(2, '0')}`
} else {
this.pickerOptionsStart.selectableRange = '00:00:00 - 23:59:59'
}
},
immediate: true,
deep: true
},
}