问题:
表单中使用DatePicker发现在保存时,时间比实际时间永远少一天,一开始以为是后端配置的问题,检查配置没有问题,于是开始问度娘,发现是iview 的时间的问题、

解决:
第一步使用@on-change=“formdata = $event”,一开始以为问题确实解决了,但是实际情况是第一次提交表单时或者在修改时触发change事件情况下有效,如果修改表单但是没有修改时间,保存后仍然少一天
最终解决:使用Moment.js格式化插件,vuecli引用具体如下:

安装:http://momentjs/

npm install moment --save

引用

import moment from 'moment'

moment.locale('zh-cn')
Vue.prototype.$moment = moment

使用方法:
在提交表单前对时间进行格式化

this.formData.siteStart = this.$moment(new Date(this.formData.siteStart)).format(‘YYYY-MM-DD’)

总结:偶然发现的这个问题,用了一上午才解决掉,特此记录一下。时间格式化的插件应该还有很多,这里不一定非要使用moment

感谢: https://blog.csdn/Mei617/article/details/106763010

更多推荐

vue + iview 日期选择器DatePicker少一天的问题