elementui 限制选择范围 disabledData
来源:互联网 发布:淘宝店铺各种图片尺寸 编辑:程序博客网 时间:2024/06/04 00:53
关于结束时间不能大于开始时间的问题,在elementui里我们用官方提供的 disabledDate 选项来解决。
HTML:给选择器加上:picker-options属性
//开始时间<el-date-picker v-model="startDate"></el-date-picker>//截止时间<el-date-picker v-model="endDate" :picker-options="endDateOpt"></el-date-picker>
DATA:
我这里就简略写下关键的。
data() { return { startDate: null, endDate: null, endDateOpt: { disabledData: (time) => { return time.getTime() < this.startDate; } } }}
以上是单个选择框的,如果是daterange或datetimerange的话:
<el-date-picker v-model="value1" type="daterange" :picker-options="pickerOptions"></el-date-picker>
data() { return { value: '', pickerOptions2: { disabledDate: (time) => { return time.getTime() > new Date(2017, 11, 30) || time.getTime() < new Date(2017, 11, 11);//注意是||不是&& } } };}
阅读全文
0 0
- elementui 限制选择范围 disabledData
- my97DatePicker脚本动态限制选择范围
- Android DatePicker 限制日期选择范围
- easyui-datebox限制选择日期范围
- jQuery日期选择插件WdatePicker使用方法.日期范围限制
- elementUI图片上传之前对图片的宽高做限制。
- my97日期范围限制
- ip范围限制函数
- My97DatePicker日期范围限制
- matlab限制范围
- My97DatePicker日期范围限制
- My97DatePicker日期范围限制
- 日期范围选择模块
- Oracle varchar2的范围限制
- 限制ArcGis License用户范围
- UIDatePicker的时间范围限制
- Qt限制鼠标移动范围
- 通过限制变量的范围
- HDU
- python002 Python3 基础语法
- 代码规范(不定时更新)
- 十字架
- Ajax的Url
- elementui 限制选择范围 disabledData
- Hibernate的class_name.hbm.xml中component的使用
- JSP学习笔记(8)_Servlet
- Service进程防杀
- form表单提交onclick和onsubmit
- 解决oracle存储过程死锁问题
- shell常用命令
- 邮件发送代码片段
- protocol .proto文件转.java文件