Vue element 踩坑日记1

<el-date-picker v-model="datePicker" @change="setDateFn" type="daterange" range-separator="至" value-format="yyyy-MM-dd" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions" >

type要daterange 或 datetimerange才会生效

data中放
pickerOptions:{
            onPick: ({ maxDate, minDate }) => {
                console.log(maxDate)
                this.choiceDate = minDate.getTime();
                if (maxDate) {
                    this.choiceDate = '';
                }
            },
            disabledDate: (time) => {
                if (this.choiceDate!== '') {
                    const one = 30 * 24 * 3600 * 1000;
                    const minTime = this.choiceDate - one;
                    const maxTime = this.choiceDate + one;
                    return time.getTime() < minTime || time.getTime() > maxTime;
                }
            }
        },