<el-date-picker
v-model="times"
value-format="timestamp"
type="datetimerange"
:default-time="['00:00:00', '23:59:59']"
range-separator="至"
:picker-options="pickerOptions"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
data() {
return {
times: [],
selectDate: '',
pickerOptions: {
onPick: ({ maxDate, minDate }) => {
this.selectDate = minDate.getTime();
if (maxDate) {
this.selectDate = "";
}
},
disabledDate: (time) => {
if (this.selectDate !== "") {
const one = 30 * 24 * 3600 * 1000;
const minTime = this.selectDate - one;
const maxTime = this.selectDate + one;
return time.getTime() < minTime || time.getTime() > maxTime;
}
},
},
};
},
