El date picker time range control

demand ： Show year , The maximum year is one more year than the current year , The minimum year is ten years less than the current year .
It is required that the year cannot be written dead , No matter how many years now , Should display the corresponding year .
format=“yyyy” Display format
value-format=“yyyy” value Format
timeRange The time limit
Be careful el-date-picker Needed value The required format is string.

<el-date-picker>
  :clearable="false"
  v-model="year"
  format="yyyy"
  type="year"
  value-format="yyyy"
  :picker-option="timeRange"
  placeholder=" Choose the year "
</el-date-picker>

data() {
    
  return {
    
    year: ''
	timeRange: {
    
	  disableDate:time => {
    
		const date = new Date();    //  Get the current time 
		const year = date.getFullYear();    //  Get current year 
		const minYear = (year-10).toString();   //  Current year decrease 10 year 
		const maxYear = (year-+1).toString();   //  Current year plus 1 year 
		const timeYear = time.getFullYear();    //  Current year 
		const eYear = timeYear.toString();
		return eYear < minYear || eYear > maxYear;  //  Less than the minimum year , Disabled if it is greater than the maximum year 
	  }
	}
  }
},
mounted() {
    
  this.year = (new Date().getFullYear()).toString())
}