<el-date-picker
v-model="form.statisticsTime"
type="daterange"
value-format="yyyy-MM-dd"
range-separator="~"
start-placeholder="开始日期"
end-placeholder="结束日期"
:picker-options="pickerOptions"
prefix-icon=0
/>
// 日期选择七天内,且当前时间后不能选择
pickerOptions: {
onPick: time => {
// 选择开始时间未选择结束时间
if (time.minDate && !time.maxDate) {
this.timeOptionRange = time.minDate;
}
if (time.maxDate) {
this.timeOptionRange = null;
}
},
disabledDate: time => {
let timeOptionRange = this.timeOptionRange;
let secondNum = 1000 * 60 * 60 * 24 * 7;
if (!timeOptionRange) {
return time.getTime() > Date.now() - 8.64e6
}
if ((timeOptionRange.getTime() + secondNum) > (Date.now() - 8.64e6)) {
return time.getTime() > Date.now() - 8.64e6 || time.getTime() < timeOptionRange.getTime() - secondNum;
}
return time.getTime() > timeOptionRange.getTime() + secondNum || time.getTime() < timeOptionRange.getTime() - secondNum;
}
},