element ui 日期组件实现仅显示日期选择但值包含固定的时间

需求

如标题所述，element ui 日期组件实现仅显示日期选择但值包含固定的时间，便于传给后端使用，通常为 '00:00:00', '23:59:59'

实现

 <div class="date-picker-with-label">
          <el-date-picker size="small" v-model="upTime" type="daterange"
            align="right" unlink-panels range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd HH:mm:ss" :default-time="['00:00:00', '23:59:59']" clearable>
          </el-date-picker>
          <span class="text">提交日期</span>
</div>

这里的 format 是输入框展示的值的格式

value-format 是获取的值的格式

:default-time 是默认的时间值，不设置默认是 00:00:00 - 00:00:00

以此配合即可实现获取的开始和结束的日期都带有时间，举例：2025-09-01 00:00:00