<el-date-picker
v-model="startEndExport"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd"
clearable
@change="startExportChange"
:picker-options="pickerOptions"
>
</el-date-picker>
pickerOptions: {
onPick: ({ maxDate, minDate }) => {
this.selectDate = minDate.getTime();
if (maxDate) {
this.selectDate = null;
}
},
disabledDate: (time) => {
if (this.selectDate) {
const oneDay = 24 * 3600 * 1000;
const thirtyDays = 30 * oneDay;
const minTime = this.selectDate - thirtyDays;
const maxTime = this.selectDate + thirtyDays;
return time.getTime() < minTime || time.getTime() > maxTime;
}
return false;
},
},
startExportChange(val) {
if (val) {
this.startTime = val[0];
this.endTime = val[1];
} else {
this.startTime = "";
this.endTime = "";
}
},