关于iview组件库中的时间插件Date-picker的校验不过和提交格式不正确的解决方法

最近工作项目中使用到了iview组件库，再使用其时间组件Date-picker的时候出现问题。

1.时间选择上了以后，还是校验报错，验证通过不了，表单无法提交。

 

2.就算不加校验，默认提交的时间格式是这样子的，显然不是后台要求的格式‘yyyy-MM-dd HH:mm:ss‘

即使你代码中加上了format="yyyy-MM-dd HH:mm:ss"，提交的时候也是上图的格式，仍不是理想的那样。

控制台打印这个时间的类型是object类型：

 

正因为组件中格式默认是object类型，所以校验的时候报错，因为校验时候默认是校验string类型的字段值。

提交的时候后台也需要‘2019-10-24 17:34:00’这种string类型格式

 

废话少说，解决方法如下：

dom中这样写，加上on-change事件

 

js的methods加上方法：

 

回调的参数e就是按照formate转化好的理想中的时间string。这样就解决了上述的两个问题，一箭双雕。

拿走不谢，希望能帮助遇到同样问题的小伙伴>_~！