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

简介: 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-ui表单验证使用
element-ui的表单验证主要分三部分: validate options rules 最常用的是rules. 定义rule可以有三种形式: 函数: { name(rule, value, callback, source, options) {} } 对象: { name: { typ.
6668 0
|
1月前
|
JavaScript
基于Element UI或Element Plus实现具有倒计时的Message消息提示
本文介绍了如何在Element UI或Element Plus框架中实现具有倒计时功能的消息提示组件,支持多次点击生成多个独立倒计时的消息提示,并提供了详细的实现代码和使用示例。
210 1
基于Element UI或Element Plus实现具有倒计时的Message消息提示
|
2月前
element UI 中多行消息提示的实现(this.$message的换行)
element UI 中多行消息提示的实现(this.$message的换行)
65 0
|
4月前
【UI】 修改element-ui input输入框placeholder提示信息、占位符的样式
【UI】 修改element-ui input输入框placeholder提示信息、占位符的样式
481 0
|
4月前
el-date-picker组件的picker-options常规属性设置
el-date-picker组件的picker-options常规属性设置
|
10月前
element ui el-date-picker 禁止选择指定日期
element ui el-date-picker 禁止选择指定日期
160 0
element-ui自定义表单验证
element-ui自定义表单验证
50 0
|
JavaScript
关于Element-Ui 时间范围选择器DatePicker禁用范围日期问题
饿了么组件库的[DatePicker](https://element.eleme.cn/#/zh-CN/component/date-picker) 日期范围选择,
|
JavaScript
VUE element-ui之输入框限制只能输入数字number类型及表单校验
VUE element-ui之输入框限制只能输入数字number类型及表单校验
2311 0
VUE element-ui之输入框限制只能输入数字number类型及表单校验