Elementui el-time-picker开始时间结束时间分开选择

最新推荐文章于 2024-08-30 09:51:20 发布

lning8808

最新推荐文章于 2024-08-30 09:51:20 发布

阅读量7.1k

点赞数 3

本文链接：https://blog.csdn.net/lning8808/article/details/90270028

版权

开始时间不晚于结束时间：
“<el-time-picker
placeholder=“开始时间"
v-model=“form.startTimes”
format=“HH:mm:ss”
value-format=“HH:mm:ss”
:picker-options="{selectableRange:00:00:00-${form.endTime ? form.endTime : '23:59:59'}}">
”

结束时间不早于开始时间：
“<el-time-picker
placeholder=“截止时间"
v-model=“form.endTime”
format=“HH:mm:ss”
value-format=“HH:mm:ss”
:picker-options="{selectableRange:${form.startTimes ? form.startTimes : '00:00:00'}-23:59:59}">
”

注意：如果要设置开始时间不晚于结束时间或结束时间不早于开始时间这两个属性format=“HH:mm:ss” value-format="HH:mm:ss"必须要写，原因就是form.startTimes格式默认是“Thu May 16 2019 19:07:14 GMT+0800 (中国标准时间)”这种格式的，selectableRange没有办法解析