关于element-ui开始日期至结束日期选择器的选择

html部分

默认

align="right"

type="date"

placeholder="选择开始日期"

:picker-options="startDatePicker">

align="right"

type="date"

placeholder="选择结束日期"

:picker-options="endDatePicker">

sj部分

var Main = {

data() {      return {

value2: '',

value3: '',

startDatePicker:this.beginDate(),

endDatePicker:this.processDate()

};

},

methods: {

beginDate(){

let self = this

return {

disabledDate(time){          return time.getTime() > Date.now()//开始时间不选时,结束时间最大值小于等于当天 }

}

},      //提出结束时间必须大于提出开始时间

processDate(){

let self = this

return {

disabledDate(time){            if(self.value2){              return new Date(self.value2).getTime() > time.getTime() || time.getTime() > Date.now()

}else{              return time.getTime() > Date.now()//开始时间不选时,结束时间最大值小于等于当天            }

}

}

}

}

};

你可能感兴趣的:(关于element-ui开始日期至结束日期选择器的选择)