AI智能
改变未来

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

HTML:

<el-form-item class=\"form-item\" label=\"开始时间:\" prop=\"starttime\" label-width=\"100px\">//注意这里是是开始时间<el-date-pickerv-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-pickerv-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>

JS:

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();},};},}}
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » 【element-ui】使用picker-options限制结束时间不得早于开始时间