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

78 阅读 0 评论 52 点赞

我是靠谱客的博主光亮饼干，最近开发中收集的这篇文章主要介绍Elementui el-time-picker开始时间结束时间分开选择，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

开始时间不晚于结束时间：
“<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没有办法解析