<!-- 日期 -->
<el-date-picker v-model="mtRange" clearable range-separator="至" start-placeholder="定位开始日期" end-placeholder="定位结束日期" type="daterange" class="filter-item" :picker-options="pickerOptions" />
data() {
return {
pickerOptions: {
disabledDate(time) {
return time.getTime() < Date.now()-(24 * 3600 * 1000)
}
},
mtRange:"",
}
}
<el-date-picker v-model="time" type="daterange" clearable range-separator="-" start-placeholder="开始时间" end-placeholder="结束时间" value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="选择日期时间" size="mini" style="width: 220px" @change="timeChange" :picker-options="pickerOptions">
</el-date-picker>
data() {
let _minTime = null
let _maxTime = null
return {
pickerOptions: {
onPick(time) {
if (!time.maxDate) {
let timeRange = 7 * 24 * 60 * 60 * 1000
_minTime = time.minDate.getTime() - timeRange
_maxTime = time.minDate.getTime() + timeRange
} else {
_minTime = _maxTime = null
}
},
disabledDate(time) {
if (_minTime && _maxTime) {
return time.getTime() < _minTime || time.getTime() > _maxTime
}
}
},
time: [],
}
}
