项目场景:
在使用elementUI日期选择时间器el-date-picker
问题描述:
设置default-time无效,导致不能按照范围选择时选中日期所使用的当日内具体时刻。
<el-form-item prop="createDate" label="创建时间"><el-date-pickerv-model="searchForm.createDate"type="daterange"size="small"align="right"value-format="yyyy-MM-dd hh:mm:ss"unlink-panels:default-time="defaulTime"range-separator="至"start-placeholder="开始日期"end-placeholder="结束日期"></el-date-picker></el-form-item>
data(){return{defaultTime: ['00:00:00', '23:59:59']}}
原因分析:
设置default-time无效,当选择查询时间时,返回得参数默认时12:00:00
,没有按照default-time的范围。
解决方案:
value-format="yyyy-MM-dd HH:mm:ss" H必须大写
<el-form-item prop="createDate" label="创建时间"><el-date-pickerv-model="searchForm.createDate"type="daterange"size="small"align="right"value-format="yyyy-MM-dd HH:mm:ss"unlink-panels:default-time="defaulTime"range-separator="至"start-placeholder="开始日期"end-placeholder="结束日期"></el-date-picker></el-form-item>
此时,设置default-time
生效了。