时间控件与日期控件不同,其是通过selectableRange来控制时间选择范围
format为时分,但selectableRange只能解析时分秒,所以在变量之后拼接’:00’
<el-time-picker
v-model="timeStart"
:picker-options="{selectableRange:`00:00:00-${timeEnd ? timeEnd + ':00' : '23:59:59'}`}"
value-format="HH:mm"
format="HH:mm"
placeholder="开始时间">
</el-time-picker>
<el-time-picker
v-model="timeEnd"
:picker-options="{selectableRange:`${timeStart ? timeStart + ':00' : '00:00:00'}-23:59:59`}"
value-format="HH:mm"
format="HH:mm"
placeholder="结束时间">
</el-time-picker>