element-UI 之TimePicker 满足格式 HH:mm

日期格式

https://element.eleme.cn/#/zh-CN/component/date-picker#ri-qi-ge-shi

TimePicker 时间选择器 属性

https://element.eleme.cn/#/zh-CN/component/date-picker#attributes

---

format 显示在输入框中的格式

value-format（可选）绑定值的格式，不指定则绑定值为 Date 对象。

<el-time-picker
    v-model="form.startTime"
    format='HH:mm'     设置下拉框时间格式
    value-format="HH:mm"    设置返回值时间格式
    :picker-options="{   
        selectableRange:`00:00:00 -${form.endTime? form.endTime+':00' : '23:59:00'}`
    }"> 校验开始时间不的大于结束时间或最大时间值
</el-time-picker>

<el-time-picker
    v-model="form.endTime"
    format='HH:mm'
    value-format="HH:mm"
    :picker-options="{
        selectableRange:`${form.startTime ? form.startTime +':00' : '00:00:00'}-23:59:00`
    }">设置结束时间不得早于开始时间或时间最小值
</el-time-picker>

参考文献：

https://blog.csdn.net/Beamon__/article/details/84562803