请问elementUi组件timepicker(含有is-range属性的)如何禁用选择当前时间之前的时间？

Question

官网的时间选择器最后一个例子无法选择minTime或者select属性限定范围（指有is-range属性的timepicker），如何禁用带有is-range的timepicker选择当前时间之前的时间，有没有做过的小伙伴给个思路，谢谢。
（楼下的几个朋友说的属性在含有is-range的timepicker的上是无效的）

Answer 1

尝试了一下，is-range 做时间限制没成功，可以用两个 el-time-picker 模拟 is-range 的效果。

el-time-picker 的时间限制需要 selectableRange 属性，如下代码有效

:picker-options="{

selectableRange: `${自定义时间变量} - 23:59:00`

}"

ps: 时间范围格式要相同，不能是hh:mm-hh:mm:ss，所以如果使用format="HH:mm"，value-format="HH:mm"修改时间格式，selectableRange 的值也要修改，如selectableRange: ${morningEndTime}:00 - 23:59:00

Answer 2

timepicker对应的rules里加一个validator: 比如timeValidator，在timeValidator里判断选择时间是否大于当前时间，然后返回true或者false

Answer 3

picker-options写的很清楚啊，你可以把它的start指向一个data里的一个数据，然后在钩子函数里初始化这个start为当前时间，也可以为这个timePicker添加一个监听事件，每次展开前获取当前时间到start。

Answer 4

element-ui都有这个选项: picker-options

这个选项参数如下:

{
    start: '',
    end: '',
    minTime: '',
    maxTime: '',
    step: ''
}

根据语义，只需要给出max和min Time就可以限制范围了啊

Answer 5

请问，你解决这个问题了么~
我也遇到了这个问题，试了很多参数没能解决

Answer 6

请问 这个搞定了么 现在也遇到这样的问题

Answer 7

请问楼主解决这个问题了吗 遇到同样的问题了...

Answer 8

想问楼主最后解决了吗 遇到了同样的问题