el-date-picker 年区间

el-date-picker 年区间可以通过设置type属性为"yearrange"来实现。例如，在template中使用el-date-picker组件，设置type为"yearrange"，并指定开始日期和结束日期的占位符，如下所示：

<el-date-picker
  v-model="yearRange"
  type="yearrange"
  :picker-options="pickerOptions"
  value-format="yyyy"
  start-placeholder="开始年份"
  end-placeholder="结束年份"
  @change="handleYearRangeChange"
></el-date-picker>

在data中声明yearRange和pickerOptions，如下所示：

data() {
  return {
    yearRange: [],
    pickerOptions: {
      disabledDate(time) {
        // 自定义禁用日期的逻辑
      }
    }
  }
},

通过设置yearRange的值，可以获取用户选择的年份区间。同时，可以根据需要自定义禁用日期的逻辑，通过设置pickerOptions的disabledDate属性来实现。

相关问题

el-date-picker设置一年的区间

以下是el-date-picker设置一年的区间的代码演示：

<el-date-picker
  v-model="pickDataList"
  type="monthrange"
  :picker-options="pickerOptions"
  value-format="yyyy-MM"
  start-placeholder="开始日期"
  end-placeholder="结束日期"
  :default-time="['', '']"
  :unlink-panels="true"
  :range-separator="'-'" 
  @change="getRoomCheckInRecordList"
></el-date-picker>

<script>
export default {
  data() {
    return {
      pickDataList: [],
      pickerOptions: {
        disabledDate(time) {
          return time.getTime() > Date.now();
        }
      }
    };
  },
  methods: {
    getRoomCheckInRecordList() {
      // Your method logic here
    }
  }
};
</script>

el-date-picker组件通过Picker Options属性中的disabledDate，禁用某个日期时间区间以外的所有日期时间

是的，`el-date-picker` 组件的 Picker Options 属性中的 `disabledDate` 可以用于禁用某个日期时间区间以外的所有日期时间。

使用 `disabledDate` 函数时，需要传入一个参数 `time`，该参数表示一个 `Date` 类型的时间对象。函数需要返回一个布尔值，用于判断该时间对象是否应该被禁用。

下面是一个示例代码，用于禁用 2021 年 10 月 1 日之前和 2021 年 10 月 10 日之后的所有日期时间：

<template>
  <el-date-picker
    v-model="date"
    :picker-options="pickerOptions"
  ></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      date: '',
      pickerOptions: {
        disabledDate: time => {
          const start = new Date('2021-10-01')
          const end = new Date('2021-10-10')
          return time.getTime() < start.getTime() || time.getTime() > end.getTime()
        }
      }
    }
  }
}
</script>

在上面的代码中，`disabledDate` 函数中首先定义了一个开始时间 `start` 和一个结束时间 `end`，然后判断传入的时间对象 `time` 是否在这两个时间之间，如果不在，则返回 `true`，表示该时间对象应该被禁用。

这样，就可以通过 `disabledDate` 属性来禁用某个日期时间区间以外的所有日期时间了。