最近工作项目中使用到了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。这样就解决了上述的两个问题,一箭双雕。
拿走不谢,希望能帮助遇到同样问题的小伙伴>_~!