vue+element-ui项目前端报错TypeError: date.getHours is not a function

问题与答案都存在于场景、情景、背景之中。

 

问题背景：

chrom浏览器，vue+element-ui项目，前端以表格形式显示员工信息，包括出生日期等。可编辑员工信息，包括出生日期等。出生日期使用了el-date-picker。

 

问题描述：

在编辑员工信息，编辑出生日期时，点击出现日期选择框，但是选择日期时，无反应，F12发现有错误：

TypeError: date.getHours is not a function

...

 

问题分析：

el-date-picker相关代码：

页面编辑信息显示如下图：

 

经过观察，可以发现，页面上选择的只有日期，但是代码中却有 HH:mm:ss：

value-format="yyyy-MM-dd HH:mm:ss"

而且代码中

type="date"

date.getHours is not a function应该与此有关

 

解决方案：

删除HH:mm:ss

经验证，可以正常的选择日期了。

 

在组件|Element（element官网）中：

有这些组件的详细用法。