// 开始时间
<el-date-picker v-model="inventoryForm.startTime" class="my-search_input" :picker-options="startDatePicker" clearable type="date" placeholder="请选择盘点开始时间" />
// 结束时间
<el-date-picker v-model="inventoryForm.endTime" class="my-search_input" :picker-options="endDatePicker" clearable type="date" placeholder="请选择结束时间" />```
data() {
let self = this
return {
endDatePicker: {
disabledDate(time) {
if (self.inventoryForm.startTime) {
// 如果开始时间不为空,则结束时间大于开始时间
return new Date(self.inventoryForm.startTime).getTime() > time.getTime()
} else {
return time.getTime() > Date.now() - 8.64e6 // 开始时间不选时,结束时间为 今天以及今天以前的日期
}
}
},
startDatePicker: {
disabledDate(time) {
if (self.inventoryForm.endTime) {
// 如果结束时间不为空,则小于结束时间
return new Date(self.inventoryForm.endTime).getTime() < time.getTime()
} else {
return time.getTime() < Date.now() - 8.64e7 // 结束时间不选时,开始时间为 今天以及今天之后的日期
}
}
},
inventoryForm: {
startTime: '',
endTime: '',
},
}
},
element-ui日期选择器 开始结束日期对比
于 2022-07-08 11:19:17 首次发布