日期选择器限制开始时间小于结束时间，结束时间大于开始时间

 

 <el-date-picker

v-model="ruleForm.startTime"

type="date"

value-format="yyyy-MM-dd"

:picker-options="pickerOptions1"

 

placeholder="开始日期">

</el-date-picker>

 

 <el-date-picker

v-model="ruleForm.endTime"

type="date"

value-format="yyyy-MM-dd"

:picker-options="pickerOptions2"

placeholder="结束日期">

</el-date-picker>

data中数据

pickerOptions1：{

disabledDate:time => {

if(this.ruleForm.endTime){

return time.getTime() > new Date(this.ruleForm.endTime).getTime()

}

}

}

 

pickerOptions2：{

disabledDate:time => {

if(this.ruleForm.startTime){

return time.getTime() < new Date(this.ruleForm.startTime).getTime()

}

}

}