Element UI date-picker 如何实现两个选择框日期取件选择

Question

两个日期选择框，当第一个选择起始日期后，第二个日期选择框不能选起始日期之前的日期。
如何实现？

我改写官方方法 disableDate(), 中Date.now---->选择的时间this.minDate无效。

<i-date-picker class="small" v-model="searchForm.hook_time_begin"
                             type="date"
                             @input="setMinDate"
                             placeholder="对勾日期起始"></i-date-picker>

JS

data:{
minDate:'',
rangeOptions: { // 日期组件设置
                disabledDate(time){
                    // return time < Date.now();
                    return time < this.minDate;  //使用选择的起始时间
                }
            },
},
methods:{
setMinDate(date){
            this.minDate=clearHours(date);
        }
        }

Answer 1

不是直接就有选择日期范围吗？type="daterange"

Answer 2

可以添加change事件，然后比较下大小，你要的最终结果还是个区间，不必要让第二个日期选择框不能选起始日期之前的日期。
/ 时间change事件 /

        dateChange:function(){
            let endDate;
            if(this.dateForm.startDate > this.dateForm.endDate){
                endDate = this.dateForm.startDate;
                this.dateForm.startDate = this.dateForm.endDate;
                this.dateForm.endDate = endDate;
            }
        },

Answer 3

您好，最后咋实现的，我现在也遇到了和你一模一样的问题