需求:显示年份,最大年份比当前年份多一年,最小年份比当前年份少十年。
要求年份不能写死,无论现在几几年,都应该显示对应的年份。
format=“yyyy” 显示格式
value-format=“yyyy” value格式
timeRange 时间限制
注意el-date-picker需要的value需要的格式是string。
<el-date-picker>
:clearable="false"
v-model="year"
format="yyyy"
type="year"
value-format="yyyy"
:picker-options="timeRange"
placeholder="选择年"
</el-date-picker>
data() {
return {
year: ''
timeRange: {
disabledDate:time => {
const date = new Date(); // 获取当前时间
const year = date.getFullYear(); // 获取当前年份
const minYear = (year-10).toString(); // 当前年减10年
const maxYear = (year+1).toString(); // 当前年加1年
const timeYear = time.getFullYear(); // 当前年份
const eYear = timeYear.toString();
return eYear < minYear || eYear > maxYear; // 小于最小年份,大于最大年份的禁用
}
}
}
},
mounted() {
this.year = (new Date().getFullYear()).toString())
}