1、基本配置
<el-date-picker
v-model="statisticsTime"
:picker-options="pickerOptions"
@focus="dateFocus"
type="daterange"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
重点配置
:picker-options="pickerOptions"
@focus="dateFocus"
data() {
pickerOptions: {
onPick: ({maxDate, minDate}) => {
this.minDate = '';
this.minDate = minDate;
},
disabledDate: (time) => {
if(!this.minDate) return time.getTime() > Date.now();
let startDate = dayjs(this.minDate).subtract(12, "month");
let endDate = dayjs(this.minDate).add(12, "month");
endDate = endDate <= Date.now() ? endDate : Date.now();
return time.getTime() > endDate || time.getTime() < startDate;
}
},
}
dateFocus() {
this.minDate = "";
},
