【element-ui】使用picker-options限制结束时间不得早于开始时间

 <el-form-item class="form-item" label="开始时间:" prop="starttime" label-width="100px">//注意这里是是开始时间
	<el-date-picker
	 v-model="form.starttime"
	 type="date"
 	 format="yyyy-MM-dd"
 	 value-format="yyyy-MM-dd"
  	 placeholder
  	 :picker-options="pickerOptionsEnd(form.starttime)" //此处把form.starttime(结束时间)传过去
 	/>
</el-form-item>
<el-form-item class="form-item" label="结束时间:" prop="endtime" label-width="100px">//这里是结束时间
	<el-date-picker
	 v-model="form.endtime"
     type="date"
     format="yyyy-MM-dd"
	 value-format="yyyy-MM-dd"
	 placeholder
     :picker-options="pickerOptionsEnd(form.starttime)"//此处把form.starttime(开始时间)传过去
    />
</el-form-item>

 

data:{
    return(){
         form: {
            starttime: "",
            endtime: "",
         }
         pickerOptionsStart(val) {
            return {
                  disabledDate(time) {
                    return time.getTime() > new Date(val).getTime();
                  },
            };
         },
        pickerOptionsEnd(val) {
            return {
                  disabledDate(time) {
                    return time.getTime() < new Date(val).getTime();
                  },
            };
          },
    }
}

 

 

posted @ 2022-02-28 14:59  崛起崛起  阅读(655)  评论(0)    收藏  举报