1、html
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<el-date-picker style=" 50%" v-model="value1" type="date" size="mini" value-format="yyyy-MM-dd" placeholder="开始日期" @change="timeChange" :picker-options="pickerOptions0"> </el-date-picker> <el-date-picker style=" 50%" v-model="value2" type="date" value-format="yyyy-MM-dd" size="mini" placeholder="结束日期" :picker-options="pickerOptions1"> </el-date-picker>
2、js
value1:'',
value2:'',
pickerOptions0: {
disabledDate: (time) => {
if (this.value2) {
return time.getTime() > new Date(this.value2).getTime();
}
}
},
pickerOptions1: {
disabledDate: (time) => {
return time.getTime() < new Date(this.value1).getTime();
}
},