案例.png
<el-date-picker size="mini" v-model="value1" type="year" value-format="yyyy" :picker-options="pickerOptions" placeholder="選擇年份"></el-date-picker>
至
<el-date-picker size="mini" v-model="value2" type="year" value-format="yyyy" :picker-options="pickerOptions2" placeholder="選擇年份"></el-date-picker>
data() {
return {
value1: '',
value2: '',
pickerOptions: {
disabledDate: this.disabledDate
},
pickerOptions2: {
disabledDate: this.disabledDate2
}
}
}
methods:{
// 時(shí)間選擇器第一個(gè)禁用
disabledDate(time) {
if(this.value2){
return time.getTime() > Date.parse(this.value2)
}else{
return null;
}
},
// 時(shí)間選擇器第二個(gè)禁用
disabledDate2(time) {
if(this.value1){
return time.getTime() < Date.parse(this.value1)
}else{
return null;
}
}
}
