【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(); }, }; }, } }