开始时间不晚于结束时间,结束时间不早于开始时间 elementui el-date-picker
<el-form-item label="开始时间" prop="ksrq" label-width="120px"> <el-date-picker v-model="form.ksrq" type="date" placeholder="选择日期" :picker-options="pickerStartOptions" value-format="yyyy-MM-dd" size="small" /> </el-form-item> <el-form-item label="结束时间" prop="jsrq" label-width="120px"> <el-date-picker v-model="form.jsrq" type="date" placeholder="选择日期" :picker-options="pickerEndOptions" value-format="yyyy-MM-dd" size="small" /> </el-form-item>
在data()里写入:
// 时间限制,符合日期先后顺序的实际情况 pickerStartOptions: { disabledDate: (time) => { if (this.form.jsrq) { return time.getTime() > new Date(this.form.jsrq + ' 23:59:59').getTime() } } }, pickerEndOptions: { disabledDate: (time) => { if (this.form.ksrq) { return time.getTime() < new Date(this.form.ksrq + ' 00:00:00').getTime() } } }