element日期时间选择器提交时间格式不准确

最新推荐文章于 2024-03-03 20:54:54 发布

今夜大风

最新推荐文章于 2024-03-03 20:54:54 发布

阅读量2.1k

点赞数 1

分类专栏：前端 element UI VUE 文章标签： vue 前端 elementui

本文链接：https://blog.youkuaiyun.com/qq_38425904/article/details/121476024

版权

前端同时被 3 个专栏收录

12 篇文章

订阅专栏

VUE

9 篇文章

订阅专栏

element UI

5 篇文章

订阅专栏

博客讲述了在使用Element UI的El-DatePicker组件时遇到的问题，即时间范围选择的默认时间并未按照预设的00:00:00至23:59:59显示。通过添加`value-format`属性为`yyyy-MM-ddHH:mm:ss`，成功解决了提交时间格式不正确的问题，确保了后台接收到的时间范围符合预期的格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-date-picker
  v-model="value2"
  type="datetimerange"
  align="right"
  start-placeholder="开始日期"
  end-placeholder="结束日期"
  :default-time="['00:00:00', '23:59:59']">
</el-date-picker>

按照文档这样提交发现开始结束时间不是按设置的来的，提交的是：betweenTime: ["2021-11-15T16:00:00.000Z", "2021-11-17T15:59:59.000Z"]而不是00:00:00到23:59:59

解决方案：加上value-format=“yyyy-MM-dd HH:mm:ss”

<el-date-picker
  v-model="value2"
  type="datetimerange"
  align="right"
  start-placeholder="开始日期"
  end-placeholder="结束日期"
  :default-time="['00:00:00', '23:59:59']"
  value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>