HTML中:
<el-date-picker
type="daterange"
unlink-panels
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:picker-options="pickerOptions">
</el-date-picker>
data中:
data() {
return {
selectDate: '',
//日期选择范围在一年
pickerOptions: {
onPick: ({maxDate, minDate}) => {
this.selectDate= minDate.getTime();
if (maxDate) {
this.selectDate= ''
}
}, disabledDate: (time) => {
if (this.selectDate!== '') {
const one = 30 * 24 * 3600 * 1000 * 12;
const minTime = this.selectDate- one;
const maxTime = this.selectDate+ one;
return time.getTime() < minTime || time.getTime() > maxTime
}
}
}
}
},