适用于所有element ui的日期组件
<el-date-picker
v-model="form.year"
type="year"
value-format="yyyy"
placeholder="选择年"
:picker-options="{ disabledDate: time => time.getTime() > Date.now() }"
>
</el-date-picker>
也可以声明一个字段将其放在字段中
<el-date-picker
v-model="form.year"
type="year"
value-format="yyyy"
placeholder="选择年"
:picker-options="pickerOptions"
>
</el-date-picker>
data() {
return {
pickerOptions: {
disabledDate(time) {
// 禁用今天之后的日期
return time.getTime() > Date.now()
}
},
}
}