在elementPlus的el-date-picker的type为dates时如何限制日期数量最多是2个时间

在Element Plus的`el-date-picker`组件中，当`type`属性设置为`dates`时，表示选择的是日期范围。如果你想限制用户只能选择两个日期，你可以通过监听`confirm`事件，并在回调函数中处理这个逻辑。这里是一个简单的示例：

<template>
  <el-date-picker
    v-model="dateRange"
    type="dates"
    :max-date="currentDate"
    @confirm="handleConfirm"
  ></el-date-picker>
</template>

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

// 初始化当前日期和允许的最大日期范围
const currentDate = ref(new Date());
let selectedDates = []; // 用于存储已选日期

function handleConfirm(values) {
  // 如果已有两个或更多日期，则清除多余的日期
  if (selectedDates.length >= 2) {
    values.splice(1, 1); // 移除第二个日期
  }
  selectedDates = values;
  // 更新当前日期，防止连续选择同一天
  currentDate.value = new Date();
}
</script>

在这个例子中，我们限制了最多只能选择两个日期，并且每次用户选择日期后，都会检查当前的日期数量。如果超过两个，会移除最后一个选择。同时，为了防止连续选择同一天，每次确认选择后都会更新当前日期。