vue elementui el-date-picker 结束时间大于开始时间
2019-04-28 15:34
726 查看
[code]<el-form-item> <el-date-picker type="date" format="yyyy-MM-dd" clearable value-format="yyyy-MM-dd" v-model="formItem.startDate" size="small" placeholder="开始日期" :picker-options="pickerOptionsStart"> </el-date-picker> </el-form-item> <el-form-item> <el-date-picker type="date" format="yyyy-MM-dd" clearable value-format="yyyy-MM-dd" v-model="formItem.endDate" size="small" placeholder="结束日期" :picker-options="pickerOptionsEnd"> </el-date-picker> </el-form-item> formItem: { startDate: '', endDate: '' } pickerOptionsStart: { disabledDate: time => { const endDateVal = new Date(this.formItem.endDate).getTime() if (endDateVal) { return time.getTime() > endDateVal - 0 } } }, pickerOptionsEnd: { disabledDate: time => { const beginDateVal = new Date(this.formItem.startDate).getTime() if (beginDateVal) { return time.getTime() < beginDateVal - 0 } } }
相关文章推荐
- Vue2.0 UI框架Element运用之DateTimePicker(el-date-picker)初始值及时间格式转化等细节问题
- datepicker,结束时间必须大于开始时间
- bootstrap-datepicker限定可选时间范围 一、应用场景 实际应用中可能会根据日期字段查询某个日期范围内的数据,则需要对日期选择器可选时间进行限制, 如:开始时间不能大于结束时间,
- bootstrap-datepicker关于开始时间小于结束时间且都大于当前时间的控制
- datepicker,结束时间必须大于开始时间
- ElementUI el-time-picker DatePicker 日期选择器 显示到分钟不显示秒
- myDatePinker设置开始时间不能大于结束时间
- vue2.0 搭配 elementui date设置开始时间和结束时间
- 97DatePicker结束时间大于开始时间控制
- laydate范围选择,结束时间大于开始时间同时大于当前时间
- datepicker 日期范围 结束日期大于开始日期
- Vue iview时间组件DatePicker,设置开始时间和结束时间约束
- ElementUI DatePicker 日期选择器控制选择时间范围
- layui/layui2设置时间laydate 结束时间大于开始时间
- element-ui 日期组件el-date-picker数据格式问题
- element-ui的el-date-picker组件设置提交时的日期值格式
- 关于活动开始时间大于结束时间的验证
- Date工具类-开始时间-结束时间
- JQuery UI Datepicker时间控件的基本用法