element ui 日期选择控件少一天的问题解决方法

日期控件选择后提交到后端少一天?
前几天一个同事问我,为何我使用element ui 的日期控件出现了一个奇葩的问题,当我选择一个日期后,页面显示是我选择的日期,但我提交到后端之后就自动的减少了一天?说真在这之前我还真没遇到过类似的情况,于是乎上网一查,还真有。看了网上好多人说不要使用v-model,改用change方法即可,这种方法在我们这儿使用不行。
因为我们使用的是form表单,尝试了网上说的几种方法都不行,后来又仔细看了一下api,发现日期格式的说明:
element ui 日期选择控件少一天的问题解决方法_第1张图片
因此我想着可能是由于其默认的日期格式所致,在我们的格式日期中指定他的日期格式不就可以了吗。于是在我们的日期控件中加上“value-format”属性,指定其日期格式 ,再运行一切正常。
贴上代码,供参考:
element ui 日期选择控件少一天的问题解决方法_第2张图片
记录下在工作中遇到的坑,如果您有更好的方法,欢迎分享交流。前端小白,希望可以多向各位大佬学习。

你可能感兴趣的:(vue,element,ui,日期控件)