vue + iview 日期选择器DatePicker少一天的问题
程序员文章站
2022-07-02 20:23:05
...
问题:
表单中使用DatePicker发现在保存时,时间比实际时间永远少一天,一开始以为是后端配置的问题,检查配置没有问题,于是开始问度娘,发现是iview 的时间的问题、
解决:
第一步使用@on-change=“formdata = $event”,一开始以为问题确实解决了,但是实际情况是第一次提交表单时或者在修改时触发change事件情况下有效,如果修改表单但是没有修改时间,保存后仍然少一天
最终解决:使用Moment.js格式化插件,vuecli引用具体如下:
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
上一篇: 『Leetcode 5239』循环码排列
下一篇: 函数防抖和函数节流