element-ui 时间选择器处理开始时间、结束时间不能大于当前日期 或者结束时间不能大于开始时间

之前在使用element-ui时间选择器是遇到的问题 需要自己手动处理一下选择的时间，代码如下

这是在data中声明的数据

params: {
        createTimeStart: "", //创建时间开始
        createTimeEnd: "", //创建时间结束
      },

在这里使用了监听的方式来处理这个问题

watch: {
    "params.createTimeStart":function(newVal, oldVal){
      let nowDate=new Date().getTime()
      let startDate=new Date(this.params.createTimeStart)
      let EndDate=new Date(this.params.createTimeEnd)
      if(this.params.createTimeEnd!=null&&this.params.createTimeStart!=null){
        if(startDate.getTime()>EndDate.getTime()){
          this.$message({message:"提交开始时间不能大于提交结束时间",type:"error",offset:400})
          this.params.createTimeEnd=""
        }
      }
      if(this.params.createTimeStart!=null&&startDate.getTime()>nowDate){
          this.$message({message:"提交开始时间不能大于当前日期",type:"error",offset:400})
          this.params.createTimeStart=""
      }
    },
    "params.createTimeEnd":function(newVal, oldVal){
      let nowDate=new Date().getTime()
      let startDate=new Date(this.params.createTimeStart)
      let EndDate=new Date(this.params.createTimeEnd)
      if(this.params.createTimeEnd!=null&&this.params.createTimeStart!=null){
        if(startDate.getTime()>EndDate.getTime()){
          this.$message({message:"提交开始时间不能大于提交结束时间",type:"error",offset:400})
          this.params.createTimeEnd=""
        }
      }
      if(this.params.createTimeEnd!=null&&EndDate.getTime()>nowDate){
          this.$message({message:"提交结束时间不能大于当前日期",type:"error",offset:400})
          this.params.createTimeEnd=""
      }
     },
    },

希望这能对你们有帮助