ElementUI 时间控件el-date-picker设置起始时间不能大于结束时间


  


  

主要需要

:picker-options属性
data () {
  return {
    startDatePicker: this.beginDate(),
    endDatePicker: this.processDate(),
data () 方法设置startDatePicker,endDatePicker
methods: {
    beginDate(){
      const self = this
      return {
        disabledDate(time){
          if (self.dataForm.endTime) {  //如果结束时间不为空,则小于结束时间
            return new Date(self.dataForm.endTime).getTime() < time.getTime()
          } else {
            // return time.getTime() > Date.now()//开始时间不选时,结束时间最大值小于等于当天
          }
        }
      }
    },
    processDate() {
      const  self = this
      return {
        disabledDate(time) {
          if (self.dataForm.startTime) {  //如果开始时间不为空,则结束时间大于开始时间
            return new Date(self.dataForm.startTime).getTime() > time.getTime()
          } else {
            // return time.getTime() > Date.now()//开始时间不选时,结束时间最大值小于等于当天
          }
        }
      }
    }
}

methods:属性创建beginDate(),processDate()方法

 

 

 

你可能感兴趣的:(VUE)