elementUI使用日期选择器组件报错 dateObject.getTime is not a function

转载自:https://blog.csdn.net/xiaoxiangzi520/article/details/99637359

 页面:

代码:

elementUI使用日期选择器组件报错 dateObject.getTime is not a function_第1张图片

elementUI使用日期选择器组件报错 dateObject.getTime is not a function_第2张图片

elementUI使用日期选择器组件报错 dateObject.getTime is not a function_第3张图片elementUI使用日期选择器组件报错 dateObject.getTime is not a function_第4张图片

然后选择日期或者点击“解析”按钮提交validate校验表单都报错:

elementUI使用日期选择器组件报错 dateObject.getTime is not a function_第5张图片

分析原因为rules中type:'date'造成的,因为初始化成了string类型。改为new Date().

elementUI使用日期选择器组件报错 dateObject.getTime is not a function_第6张图片

点击“解析”提交validate 校验不再报错,但是重新选择时间还是报错:TypeError: dateObject.getTime is not a function。重新选择后的时间变为字符串导致rules 中validate 报错。

最终修改方法:

1.初始化时间改为:

elementUI使用日期选择器组件报错 dateObject.getTime is not a function_第7张图片

2.去掉rules中的type:'date':

elementUI使用日期选择器组件报错 dateObject.getTime is not a function_第8张图片

你可能感兴趣的:(Vue,vue)