Iview 时间日期选择器非空验证失败的解决方案

在使用iview的时间日期选择组件时,需要进行非空验证,但是当选择好日期时间后,还是提示不能为空,后来查阅资料通过如下方法解决了;

1.在验证规则内添加   pattern: /.+/ 

ruleValidate: {
                startTime: [{ required: false, message: '起始时间不能为空', trigger: 'blur',pattern: /.+/ }],
                endTime: [{ required: false, message: '截止时间不能为空', trigger: 'blur',pattern: /.+/ }]
            },

2.将 trigger: 'blur' 改为 trigger: 'change'

ruleValidate: {

                startTime: [{ required: false, message: '起始时间不能为空', trigger: 'change',pattern: /.+/ }],
                endTime: [{ required: false, message: '截止时间不能为空', trigger: 'change',pattern: /.+/ }]
            },

 

posted @ 2019-07-04 23:56  一捆铁树枝_james  阅读(228)  评论(0)    收藏  举报