element plus el-date-picker 限制时间范围 1年内

Element Plus 的 `el-date-picker` 组件提供了一个选项，可以设置日期选择的范围限制。如果你想让用户只能选择过去一年内的日期，可以在组件的配置属性中使用 `range-separator` 和 `end-date` 或者 `start-date` 属性来实现。

例如，如果你想要允许从当前日期到下一年的日期选择：

<template>
  <el-date-picker
    type="date"
    v-model="selectedDate"
    range-separator="至"
    start-date="currentDate"
    end-date="nextYearDate"
    :picker-options="{ shortcuts: [{ text: '最近一年', value: [currentDate, nextYearDate] }] }"
  ></el-date-picker>
</template>

<script setup>
import { ref, computed } from 'vue';

const currentDate = new Date(); // 当前日期
const nextYearDate = new Date(currentDate.getFullYear() + 1, 0, 0); // 下一年的第一天

const selectedDate = ref(null);
</script>

在这个例子中，`start-date` 设置为当前日期，`end-date` 设置为下一年的第一天。`picker-options.shortcuts` 中的对象设置了快捷方式文本和对应的日期范围。