时间选择器_value-format="yyyy-优快云博客

文章讲述了在使用ElementUI的时间选择器组件时，为避免结束时间早于开始时间的问题，作者选择了daterange类型。然而，这导致了选择同一天时无法查询到数据。通过设置value-format为yyyy-MM-ddHH:mm:ss以及default-time为[00:00:00,23:59:59]，确保了即使选择同一天也能涵盖全天的查询范围。

在设置开始时间和结束时间的两个时间选择器上，结束时间都不应该早于开始时间

由于早期的项目代码中，都是写了两个时间选择器，必须要写个方法判断一下，但是我想直接换成ElementUI自带的时间选择器有可以选择时间范围的，就直接避免了那个问题，所以就复制过来用了。

<div class="block">
    <span class="demonstration">默认</span>
    <el-date-picker
      v-model="value1"
      type="daterange"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期">
    </el-date-picker>
</div>

但是，问题来了，这样直接写的话，如果两个时间选择了同一天，那么这一天的案件就没办法查询到了，所以要给两个日期设置value-format，直接设置成下面这两种肯定都不可行

value-format="yyyy-MM-dd 00:00:00"
value-format="yyyy-MM-dd 23:59:59"

最后找到一个好用的属性

value-format="yyyy-MM-dd HH:mm:ss"
:default-time="['00:00:00', '23:59:59']"

解决了问题