年范围选择器

          
           <el-date-picker
            v-model="yeartsStart"
            :picker-options="startDatePicker"
            value-format="yyyy"
            type="year"
            @change="startTime"
            placeholder="开始时间"
          >
          </el-date-picker>
          ~
          <el-date-picker
            v-model="yeartsEnd"
            value-format="yyyy"
            @change="startTime"
            :picker-options="endDatePicker"
            type="year"
            placeholder="结束时间"
          >
          </el-date-picker>

js:控制开始时间选择后，结束时间大于开始时间

data(){
  return{
      startDatePicker: this.beginDate(),
      endDatePicker: this.processDate(),   
      yeartsStart:'',
      yeartsEnd:''
    }
}

 
methods: {
 
    // 选择年份范围选择时开始时间不能大于结束时间，结束时间不能小于开始时间
 
    // 提出开始时间必须小于提出结束时间
    beginDate() {
      let self = this
      return {
        disabledDate(time) {
          if (self.yeartsEnd !== '') {
            let fixedTime = new Date(time)
            return fixedTime.getFullYear() > self.yeartsEnd
          }
        }
      }
    },
    // 提出结束时间必须大于提出开始时间
    processDate() {
      let self = this
      return {
        disabledDate(time) {
          // let fixedTime = new Date(self.oldTime).getTime()
          // return time.getTime() < fixedTime
          let fixedTime = new Date(time)
          return fixedTime.getFullYear() < self.yeartsStart
        }
      }
    },
}