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
浙公網安備 33010602011771號