1. 首页
  2. 数据库
  3. 其它
  4. element ui 时间选择器限制范围的实现(随动)

element ui 时间选择器限制范围的实现(随动)

上传者: 2021-02-25 21:27:09上传 PDF文件 73.57KB 热度 10次
需求: 选择日期范围,但是选择范围需要在一周以内。举个栗子:假设选第一个日期为1月17日,那么1月11日以前、1月23号以后的日期都需要设为禁选状态。 方法: 考虑到有两种设计方式: 1、用两个独立时间选择器控制,实现起来比较混乱。 2、用日期范围选择器。 第一种方式没有做demo,有特殊需求的小伙伴请留言。这里选择使用日期范围选择器,使用起来可以预见代码会清爽很多。 效果图: 代码: <el-date-picker v-model=datePick type=daterange value-format='yyyy-MM-dd' size=small
用户评论