用过iview组件的帮我看下，日期选择验证的一个问题

Question

html代码：

 <Col span="23">
              <FormItem label="检测日期：" prop="diagnosisDate">
                <DatePicker type="date" placeholder="请选择" @on-change="changeDate" v-model="formDialyzate.diagnosisDate" ref="diagnosisDate"></DatePicker>
              </FormItem>
            </Col>

js代码：

 ruleValidate: { // 验证
          diagnosisDate: [
            { required: true,type:'date', message: '请选择检测日期', trigger: 'blur' }
          ]

当我选择日期了 ，但是依然有提示：

保存的时候可以保存成功

Answer 1

已解决将 trigger: 'blur' 改为 trigger: 'change'

Answer 2

没用过iview。

猜测应该是值的类型不统一，就是说 DatePicker 这个组件给你返回来的值并不是date类型，但是你去验证的时候是date类型，亦或者相反，可以参考element的这个issues

https://github.com/ElemeFE/el...