el ui 组件中时间选择器在使用中,如果需要对下拉框中的时间做范围限制,需要用到picker-options 属性,具体参数类型见官网截图
通过对picker-options 对象中的disabledDate参数进行设置来实现自定义的时间范围设置
以下demo示例来展示下具体使用方法
需求:两个时间选择框,一个为开始时间,一个为结束时间,开始时间选择后结束时间不能超过开始时间,结束时间选择后开始时间不能超过结束时间
在组件中添加picker-options属性,写对应的方法,方法里返回包含disabledDate参数的对象,具体代码如下
这样就可以实现demo中的需求,结果如下