el-date-picker selectablerange

在 Element UI 的 `el-date-picker` 组件中，你可以使用 `selectableRange` 属性来设置可选日期的范围。

`selectableRange` 属性可以接受一个数组，数组的第一个元素表示可选日期的起始日期，第二个元素表示可选日期的结束日期。你可以使用 JavaScript 中的 `Date` 对象来表示日期。

以下是一个示例代码：

<template>
  <el-date-picker v-model="selectedDate" :picker-options="datePickerOptions" placeholder="请选择日期"></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      selectedDate: '', // 用于存储选中的日期
      datePickerOptions: {
        selectableRange: [new Date('2022-01-01'), new Date('2022-12-31')] // 设置可选日期范围
      }
    };
  }
};
</script>

在上面的示例中，`selectableRange` 属性被设置为一个包含起始日期和结束日期的数组。这里我们使用 `new Date()` 创建了两个日期对象来表示范围。用户在选择日期时，只能在指定的范围内进行选择。

你可以根据需要自定义起始日期和结束日期，并根据实际情况进行调整。

希望这个示例对你有帮助！如果你还有其他问题，请随时提问。