vue+iview日期选择器 起始时间不得大于结束时间

<DatePicker type="date" :options="startTimeOptions" format="yyyy-MM-dd" placeholder="请选择日期" style=" 120px" @on-change="handleDateChangeStart" :clearable='false'></DatePicker>
        <span style="margin: 0 10px;color:#87C571;">- -</span>
<DatePicker type="date" :options="endTimeOptions" format="yyyy-MM-dd" placeholder="请选择日期" style=" 120px" @on-change="handleDateChangeEnd" :clearable='false'></DatePicker>

data() {
        return {
            checkdateStart: '',
            checkdateEnd: '',
            timeRangeStart: new Date(),
            startTimeOptions: {                                 //限制起始时间不得超过今天
                disabledDate: (date) => {
                    return date && date.valueOf() > Date.now() - 1000 * 60 * 60 * 24
                     || (date.valueOf() < moment().add(-3, 'years').valueOf());
                },
            },
            endTimeOptions: {                 //限制结束时间不得超过今天
                disabledDate: (date) => {
                    return date && date.valueOf() > Date.now() - 1000 * 60 * 60 * 24
                     || (date.valueOf() < moment().add(-3, 'years').valueOf());
                },
            },
        }
19 },

handleDateChangeStart(e) {
            this.checkdateStart = e  
            this.endTimeOptions = {
                disabledDate: (date) => {
                    return date.valueOf() > this.timeRangeStart || date.valueOf() < new Date(e).valueOf()
                },
            }
},
handleDateChangeEnd(e) {
            this.checkdateEnd = e
            this.startTimeOptions = {
                disabledDate(date) {
                    return date.valueOf() < moment().add(-3, 'years').valueOf()
                     || date.valueOf() > new Date(e).valueOf()
                },
            }
},