日期控件选择后提交到后端少一天?

前几天一个同事问我,为何我使用element ui 的日期控件出现了一个奇葩的问题,当我选择一个日期后,页面显示是我选择的日期,但我提交到后端之后就自动的减少了一天?说真在这之前我还真没遇到过类似的情况,于是乎上网一查,还真有。看了网上好多人说不要使用v-model,改用change方法即可,这种方法在我们这儿使用不行。

因为我们使用的是form表单,尝试了网上说的几种方法都不行,后来又仔细看了一下api,发现日期格式的说明:

element ui日期时间选择器_日期控件


因此我想着可能是由于其默认的日期格式所致,在我们的格式日期中指定他的日期格式不就可以了吗。于是在我们的日期控件中加上“value-format”属性,指定其日期格式 ,再运行一切正常。

贴上代码,供参考:

element ui日期时间选择器_vue_02


记录下在工作中遇到的坑,如果您有更好的方法,欢迎分享交流。前端小白,希望可以多向各位大佬学习。

</div>
      <link href="" rel="stylesheet">
              </div>