
案例.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:{
// 时间选择器第一个禁用
disabledDate(time) {
if(this.value2){
return time.getTime() > Date.parse(this.value2)
}else{
return null;
}
},
// 时间选择器第二个禁用
disabledDate2(time) {
if(this.value1){
return time.getTime() < Date.parse(this.value1)
}else{
return null;
}
}
}
网友评论