html部分
<el-date-picker
v-model="dateRange"
type="daterange"
unlink-panels
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:picker-options="pickerOptions"
>
</el-date-picker>
js部分
dateRange: [],
pickerMinDate: '',
pickerOptions: {
onPick: ({ maxDate, minDate }) => {
this.pickerMinDate = minDate.getTime()
if (maxDate) {
this.pickerMinDate = ''
}
},
// 限制不能选择今天之后的日期
disabledDate: (time) => {
if (this.pickerMinDate !== '') {
let one = 31 * 24 * 3600 * 1000
let minTime = this.pickerMinDate - one
let maxTime = this.pickerMinDate + one
if (maxTime > new Date()) {
maxTime = new Date()
}
return time.getTime() < minTime || time.getTime() > maxTime
}
return time.getTime() > Date.now()
},
}