element的日期选择使用value-format之后表单验证报错

element日期控件在表单验证时报错：Error in event handler for "el.form.change": "TypeError: value.getTime is not a function"

<el-form-item label="生效日期" prop="StartDate"><el-date-picker v-model="addForm.StartDate" value-format="yyyy-MM-dd" type="date" placeholder="选择生效日期"></el-date-picker>
</el-form-item>

StartDate: [{ type: 'date', required: true, message: '请选择生效日期', trigger: 'change' }]

解决：
表单验证将 type:'date' 改为 type:'string'

StartDate: [{ type: 'string', required: true, message: '请选择生效日期', trigger: 'change' }],

element的日期选择使用value-format之后表单验证报错相关推荐

使用饿了么ui表单验证报错: [Element Warn][Form]model is required for validat
[Element Warn][Form]model is required for validat 如文末的完整例子: 该提示说的是 form表单需要一个绑定一个对象(使用:model=" ...
ElementUI的el-form表单验证报错[Element Warn][Form]model is required for validate to work!
1.<el-form>属性绑定错误:model绑定,而不是v-model <el-form :model="form" ref="form" ...
Element UI——表单验证输入的数字检测出来是string解决方案
问题描述打印判断类型问题分析解决方案数字类型的验证需要在 v-model 处加上 .number 的修饰符,这是 Vue 自身提供的用于将绑定值转化为 number 类型的修饰符. < ...
关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题
方法使用前需了解: 来自"和"小编的小提示: 首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form. 其次在拿到了正确的form后,检查 ...
Elemant-UI日期范围的表单验证
Form 组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名即可.但是官网的示例只有普通日期类型的验证,没有时间 ...
element ui 表单验证为正整数
很多时候都会用表单中输入正整数的情况,在element ui中可以用el-input-number 标签来显示输入框是number类型的,或者type="number"也可以的,但 ...
Element表单验证（2）
Element表单验证(2) 上篇讲的是async-validator的基本要素,那么,如何使用到Element中以及怎样优雅地使用,就在本篇. 上篇讲到async-validator由3大部分组成 ...
vue+Element表单验证+数字英文密码和手机号验证（详细）
项目开发时需要用到表单验证,密码验证和手机验证都是使用正则表达式,特此记录一下. 1.表单图 2.代码 <template> //就是你要输入的名称< ...
html表单判断字符数,JS判断字符串长度，结合element el-input el-form 表单验证（英文占1个字符，中文汉字占2个字符）...
首先看看判断字符串长度的几种方法(英文占1个字符,中文汉字占2个字符) 方法一: function strlen(str) { var len = 0; for (var i = 0; i < ...

element的日期选择使用value-format之后表单验证报错

element的日期选择使用value-format之后表单验证报错相关推荐

最新文章

热门文章