使用vue render el-date-picker出现 date.getHours is not a function

背景是这样的，客户要自己设计表单，所以表单页面全都是用render函数渲染出来的。
项目使用的是element ui。别的都没问题，就这个el-date-picker出问题了。
渲染出来的元素是这样的

看起来也没啥问题，也能点开，但是就是不能选择日期，点击就报date.getHours is not a function。
报错发生在element-ui.common,js的18439行。打断点仔细对比了正常的和渲染出来的元素发生点击事件时走的代码，发现下面这行代码

这个this.value在正常的el-date-picker元素中首次点击其实是空，但是在渲染出来的元素里他是’undefined’，是字符串类型的，被识别为true，走了三元表达式前面的代码，所以出错了。
那么在前面加下下面的代码，这个问题就解决了。

这么做的缺点是在子组件内修改了value的值，vue不推荐这样做，控制台会报错，虽然不影响使用。如果有大佬知道为啥value是undefined字符串麻烦告知一下完美解决方法。

因为字段全部使用json存储，后面可能还会有回显失败的问题。json转换的时候加上后面这个时间格式就没有问题了。