element ui 时间选择器 禁用时间设置

el ui 组件中时间选择器在使用中,如果需要对下拉框中的时间做范围限制,需要用到picker-options 属性,具体参数类型见官网截图


通过对picker-options 对象中的disabledDate参数进行设置来实现自定义的时间范围设置

以下demo示例来展示下具体使用方法

需求:两个时间选择框,一个为开始时间,一个为结束时间,开始时间选择后结束时间不能超过开始时间,结束时间选择后开始时间不能超过结束时间



在组件中添加picker-options属性,写对应的方法,方法里返回包含disabledDate参数的对象,具体代码如下


这样就可以实现demo中的需求,结果如下


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容