【Q&A】[Vue/element-ui] 日期输入框的表单验证问题

引入：element-ui的表单验证是使用rules来定义规则，其中日期类型的表单输入框如图所示，一般会使用 format 来设置自己需要的日期格式：

<el-form-item label="生日" prop="birthday">
       <el-col :span="11">
         <el-date-picker type="date" format="yyyy年MM月dd日" value-format="yyyy年MM月dd日" placeholder="选择日期" v-model="form.birthday" style="width: 100%;"></el-date-picker>
       </el-col>
</el-form-item>

问题：在进行表单验证时，官方给的是 type:'date'，但是这样会报错，因为前面使用了 format

birthday: [
          {type:'date',required: true, message: '请选择生日', trigger: 'blur'}
        ],

解决：去掉 type: 'date' 即可；
原因：因为当自定义了日期格式之后，就是字符串了，指定日期类型就会报错