el-date-picker选择日期在传递时总是少一天

element-plus在进行日期选择时使用的是el-date-picker,代码如下

 <el-date-picker
          v-model="allData.time"
          type="daterange"
          range-separator="To"
          start-placeholder="Start date"
          end-placeholder="End date"
      />

在点击搜索时,后台接收的数据总是选择日期的前一天,查看netWork时,发现日期是我所选日期的前一天,如下图

img

于是,我在点击搜索的时候,打印了一下这个数据,这个数据是正常的,如下图

img

这是哪里的问题呢,有知道的吗

不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7596461
  • 你也可以参考下这篇文章:elementui-plus的使用el-date-picker组件后端接收的日期少一天的解决方案
  • 除此之外, 这篇博客: el-date-picker 部分源码解析以及源码修改思路中的 el-date-picker 组件组成部分 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

    为了方便理解和记忆,先把一个东西拆分成各个模块,心底和脑子里有个底还是很有必要的。
    el-date-picker 的组成也有好几个组件嵌套和很多方法,所以先大致介绍组件的组成部分,方便后面理解。

    image.png

    正常来说,el-date-picker 组件是长这样的,主要分为三个部分。为了方便和源码对应,也将他们简称为对应的英文(也可以英文翻译下学下英文和命名哈哈哈😆 )。

    第一部分,picker。为了方便用户点击和看数据变化的选择器组件的载体,也就是那个选择日期的类似输入框的东西,会由点击它来触发弹出框控制的显示。

    第二部分,panel。一个弹出框控制板的载体,主要跟表格的数据变化有关,并且承接 picker 和 basic 的数据交换。

    第三部分,basic。一个用于显示在弹窗里的日期表格或者其他年,月,时间表格,并且负责时间表格的交互功能。


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^

是对的不是前一天,这是UTC时间格式,要加上8小时计算,应该是axios发送请求时转换了,你们对于日期不做格式化处理吗?例如转成yyyy-MM-dd格式