element plus 日历组件选择多个日期

Element Plus 的日历组件支持选择多个日期，可以通过设置 `type` 属性为 `'daterange'` 或 `'datetimerange'` 来实现。

具体来说，设置 `type` 为 `'daterange'` 时，可以选择一个开始日期和结束日期，设置 `type` 为 `'datetimerange'` 时，可以选择一个开始日期和结束日期，并且可以选择具体的时间。

以下是一个示例代码：

<template>
  <el-date-picker
    v-model="dateRange"
    type="daterange"
    range-separator="至"
    start-placeholder="开始日期"
    end-placeholder="结束日期"
    @change="handleChange"
  ></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      dateRange: [], // 选中的日期范围
    };
  },
  methods: {
    handleChange(value) {
      console.log('选中的日期范围：', value);
    },
  },
};
</script>

在上面的示例中，设置了 `type` 属性为 `'daterange'`，并将选中的日期范围绑定到了 `dateRange` 变量上。同时，设置了 `range-separator` 属性为 `'至'`，用来显示开始日期和结束日期之间的分隔符。在 `@change` 事件中，可以获取到选中的日期范围。