<el-date-picker
type="date"
clearable
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
v-model="formItem.startDate"
size="small"
placeholder="开始日期"
:picker-options="pickerOptionsStart">
</el-date-picker>
<el-date-picker
type="date"
clearable
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
v-model="formItem.endDate"
size="small"
placeholder="结束日期"
:picker-options="pickerOptionsEnd">
</el-date-picker>
data(){
return{
formItem:{ // 日期选择器
startDate:'', // 开始时间
endDate:'', // 结束时间
},
pickerOptionsStart: {
disabledDate: time => {
const endDateVal = new Date(this.formItem.endDate).getTime()
if (endDateVal) {
return time.getTime() > endDateVal - 0
}
}
},
pickerOptionsEnd: {
disabledDate: time => {
const beginDateVal = new Date(this.formItem.startDate).getTime()
if (beginDateVal) {
// return time.getTime() < beginDateVal - 0
return time.getTime() < beginDateVal - 0 || time.getTime() > new Date() * 1 +
600 * 1000;
}
}
}
}
}