使用ElementUI自带的DatePicker 日期选择器,加入验证类型为 type="date"时报错

在这里插入图片描述
首先说明出现原因,elementUI的日期选择器【el-date-picker】在加上格式

value-format=“yyyy-MM-dd” format=“yyyy-MM-dd”

和校验规则时

{ type: ‘date’, required: true, message: ‘请选择日期’, trigger: ‘change’ }

由于加入了type=“date”,导致上述的错误

解决方式: 将type改为“string"或者直接删除这一项

原因可能是:elementUI自带的格式转换后会将绑定值转为字符串,而校验规则中的【type: ‘date’】已经不匹配,至于它的报错是因为转换为字符串,不是date对象所以没有getTime这个方法了。

Logo

前往低代码交流专区

更多推荐