element ui disabledDate设置多个条件

最新推荐文章于 2023-08-09 13:37:14 发布

瑞晟技术服务中心-耿瑞

最新推荐文章于 2023-08-09 13:37:14 发布

阅读量513

点赞数

文章标签： vue.js elementui

本文链接：https://blog.csdn.net/weixin_45966674/article/details/125375471

版权

本文记录了一次在使用Element UI时遇到的日期选择器disabledDate配置问题。原先的逻辑设置不允许选择结束时间小于当前时间或大于开始时间，但实现时误用逻辑与(&&)导致无效。通过修正为逻辑或(||)解决了问题，确保了结束时间在开始时间和当前时间之间。

摘要由CSDN通过智能技术生成

新加了一个需求要设置结束时间不能大于当前时间还不能小于开始时间
开始我是这么写的

disabledDate: time => {
    if(this.condition.startDate){
       return time.getTime() < new Date(this.condition.startDate) && time.getTime() > new Date();
    }
}

结果发现没有效果
找了半天才发现把且改为或就好了

disabledDate: time => {
   if(this.condition.startDate){
      return time.getTime() < new Date(this.condition.startDate) || time.getTime() > new Date();
   }
}