elementUI 日期選擇器 範圍控制

先選擇開始日期,控制結束日期的選擇範圍 

先選擇開始日期,控制結束日期的選擇範圍 

<div class="wrap_box">
      <div class="wrap_boxtit">選擇日期：</div>
      <div class="wrap_boxinp">
             <el-date-picker style="width:150px;"
                                    v-model.trim="startData"
                                    type="date"
                                    clearable
                                    value-format="yyyy-MM-dd"
                                    @change="change()"
                                    :picker-options="pickerOptionsStart"
                                    placeholder="開始日期">
             </el-date-picker>
      </div>
      <div style="line-height:40px;padding: 0 5px;">—</div>
      <div class="wrap_boxinp">
            <el-date-picker style="width:150px;"
                                    v-model.trim="endData"
                                    type="date"
                                    clearable
                                    value-format="yyyy-MM-dd"
                                    @change="change()"
                                    :picker-options="pickerOptionsEnd"
                                    placeholder="結束日期">
            </el-date-picker>
      </div>
</div>
           

data() {
        return {
            startData: "",
            endData: "",
            pickerOptionsStart: {
                disabledDate:(time)=>{
                    if (this.endData) {
                        var endTime = new Date(this.endData).valueOf();
                    }
                    // var startTime = Date.now() - 8.64e7;
                    // return (
                    //     (time && time.valueOf() < startTime) ||
                    //     time.valueOf() > endTime
                    // );
                    return  time.valueOf() > endTime;
                },
            },
            pickerOptionsEnd: {
                disabledDate:(time)=>{
                    if (this.startData) {
                        // 讓使用者可以選擇開始結束同一天
                        var startTime =
                            new Date(this.startData).valueOf() - 8.64e7 + 1;
                    } else {
                        // var startTime = Date.now() - 8.64e7;
                        return false;
                    }
                    return time && time.valueOf() < startTime;
                },
            },

        };
    },