项目场景:
在使用elementUI日期选择时间器el-date-picker
问题描述:
设置default-time无效,导致不能按照范围选择时选中日期所使用的当日内具体时刻。
<el-form-item prop="createDate" label="创建时间">
<el-date-picker
v-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-picker
v-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
生效了。