<el-form-item label="监测日期">
<el-date-picker
v-model="startDate"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
style="width: 400px"
value-format="timestamp"
:picker-options="pickerOptions"
>
</el-date-picker>
</el-form-item>
data(){
pickerOptions: { // 限制只能选择当天之后的日期(不包含当天)
disabledDate(time) {
return time.getTime() < Date.now()
}
},
pickerOptions: { // 限制只能选择当天及之后的日期 (包含当天)
disabledDate(time) {
// 获取当前日期
const now = new Date()
// 将当前日期设置为00:00:00,以便准确比较日期
now.setHours(0, 0, 0, 0)
// 如果传入的时间与当前时间相同,则返回true(禁用)
return time.getTime() < now.getTime()
}
},
pickerOptions: { // 限制只能选择当天日期之前的日期(不包含当天)
disabledDate(time) {
if (time.getTime() === new Date().setHours(0, 0, 0, 0)) {
return {
disabled: true
}
}
return time.getTime() > Date.now()
}
}
}