element-ui el-date-picker控制开始时间不能大于结束时间

应用场景是项目中的条件查询,开始时间不能大于结束时间,反之结束时间不能小于开始时间,如下图:
element-ui el-date-picker控制开始时间不能大于结束时间_第1张图片
HTML:

	
        
      
      
        
      

JS:

data(){
    return{
        params:{
	        endDate: "", //结束时间
	        beginDate: "" //开始时间
        },
     /* start 开始时间小于今天,结束时间不能大于开始时间 */
      startTime: {
        disabledDate: time => {
          if (this.params.endDate) {
            return (
              time.getTime() > new Date(this.params.endDate).getTime()//这里的this.params.endData按自己的字段参数来
            );
          } else {
            return time.getTime() > Date.now();
          }
        }
      },
      endTime: {
        disabledDate: time => {
          if (this.params.beginDate) {
            return (
              time.getTime() > Date.now() ||
              time.getTime() < new Date(this.params.beginDate).getTime() //这里的this.params.beginDate按自己的字段参数来
            );
          } else {
            return time.getTime() > Date.now();
          }
        }
      },
      /* end*/
    }
}

注意,这里的方法都是放在data里的哦

你可能感兴趣的:(element-ui el-date-picker控制开始时间不能大于结束时间)