1.Picker Options属性禁用年份取范围年
<template>
<el-date-picker
v-model="year"
type="year"
size='mini'
style="width:200px"
format="yyyy"
:append-to-body="false"
:clearable='false'
placeholder="选择年"
:picker-options="pickerOptions"
>
</el-date-picker>
</template>
<script>
export default {
data(){
return {
year:'',
pickerOptions:this.range()
}
},
methods:{
range(){
return {
disabledDate(time) {
let date = new Date(time)
// 取2020 - 2023范围
return data.getFullYear() < 2020 || data.getFullYear() > 2023
}
}
}
}
}
</script>