网站右下角悬浮窗口js代码 兼容各浏览器,中国最新军事新闻 头条 今天,网站反链接什么,网上怎样找装修设计师最近遇到在使用iview框架时#xff0c;在商家后端管理系统中#xff0c;在合同发布时会使用到form表单组件#xff0c;当然日期也通常出现在搜索 框表单中#xff0c;但是有时候会出现日期组件校验错误的情况 首先#xff0c;iview采用的是async-validator的校验规则…最近遇到在使用iview框架时在商家后端管理系统中在合同发布时会使用到form表单组件当然日期也通常出现在搜索 框表单中但是有时候会出现日期组件校验错误的情况 首先iview采用的是async-validator的校验规则根据规则校验类型type值一般分为以下几种 string、method、number、boolean、array、object、date、integer、float、regexp、email、url、hex 其次大家都知道日期组件一般肯定想到的是 typedate ,先看下日期组件值的value类型可以 自己打印看下 第一种情况 单选日期只有一个日期, value值为“2019-06-10” 第二种情况 多选日期只有一个日期, value值为[2019-06-10,2019-06-12]未选中值时默认的结构为[ , ] 由此可以看出如果仅仅用一个 type: array,来校验多选日期肯定是无效的因为默认虽然是空但是值的结构是一个数组怎么校验都是真。所以我们需要对每个子元素进行校验 通过分析我们发现表单校验时我们需要选择和日期的值相匹配的类型 当日期单选时我们可以选择type:date, 当日期多选时我们需要对每一个子元素添加校验fields代码如下:
如果是datetime 类型
此时是因为 是拼合的两个的样式所以要用的是array 中套的两个的验证方法
{ required: true, type: array,fields:{0:{required: true, type:date,message: 有效期不能为空, trigger: change},1:{required: true, type:date,message: 有效期不能为空, trigger: change}},trigger: change},
