vue element结束时间不能小于开始时间

html:

 
  • 到达时间:
  • 结束时间:
  • data方法设置startDatePicker,endDatePicker:

     data(){
          return{
           startDatePicker: this.beginDate(),
            endDatePicker: this.processDate(),
            arr_time:this.getTime(),//开始时间获取现在的时间
          }
    

    js

     //这里是控制结束日期不能小于开始日期
          beginDate(){
            const self = this
            return {
              disabledDate(time){
                if (self.leave_time) {  //如果结束时间不为空,则小于结束时间
                  return new Date(self.leave_time).getTime() < time.getTime()
                } else {
                  // return time.getTime() > Date.now()//开始时间不选时,结束时间最大值小于等于当天
                }
              }
            }
          },
          processDate() {
            const  self = this
            return {
              disabledDate(time) {
                if (self.arr_time) {  //如果开始时间不为空,则结束时间大于开始时间
                  return new Date(self.arr_time).getTime() > time.getTime()
                } else {
                  // return time.getTime() > Date.now()//开始时间不选时,结束时间最大值小于等于当天
                }
              }
            }
          },
         
         //获取现在的时间
          getTime(){
            var _this = this;
            let yy = new Date().getFullYear();
            let mm = new Date().getMonth()+1;
            let dd = new Date().getDate();
            let hh = new Date().getHours();
            let mf = new Date().getMinutes()<10 ? '0'+new Date().getMinutes() : new Date().getMinutes();
            let ss = new Date().getSeconds()<10 ? '0'+new Date().getSeconds() : new Date().getSeconds();
            let time = yy+'-'+mm+'-'+dd+' '+hh+':'+mf+':'+ss;
            return time
          },
    

    你可能感兴趣的:(vue element结束时间不能小于开始时间)