如何实现element-ui时间选择器随动限制范围的功能?
- 内容介绍
- 文章标签
- 相关推荐
本文共计460个文字,预计阅读时间需要2分钟。
需求:选择日期范围,但选择范围需在一周内。举例:假设选择第一个日期为1月17日,那么1月11日之前的日期都需要设置为禁选状态。方法:考虑有两种设计方案。
需求:
选择日期范围,但是选择范围需要在一周以内。举个栗子:假设选第一个日期为1月17日,那么1月11日以前、1月23号以后的日期都需要设为禁选状态。
方法:
考虑到有两种设计方式:
1、用两个独立时间选择器控制,实现起来比较混乱。
2、用日期范围选择器。
第一种方式没有做demo,有特殊需求的小伙伴请留言。这里选择使用日期范围选择器,使用起来可以预见代码会清爽很多。
本文共计460个文字,预计阅读时间需要2分钟。
需求:选择日期范围,但选择范围需在一周内。举例:假设选择第一个日期为1月17日,那么1月11日之前的日期都需要设置为禁选状态。方法:考虑有两种设计方案。
需求:
选择日期范围,但是选择范围需要在一周以内。举个栗子:假设选第一个日期为1月17日,那么1月11日以前、1月23号以后的日期都需要设为禁选状态。
方法:
考虑到有两种设计方式:
1、用两个独立时间选择器控制,实现起来比较混乱。
2、用日期范围选择器。
第一种方式没有做demo,有特殊需求的小伙伴请留言。这里选择使用日期范围选择器,使用起来可以预见代码会清爽很多。

