vue3 两个el-date-picker限制

el-date-picker是Vue框架中的一个日期选择器组件，可以用于限制用户选择的日期范围。在Vue3中，如果你想限制两个el-date-picker选择的日期范围，你可以使用Vue3的v-model和范围选择器的属性进行配置。

首先，在模板中添加两个el-date-picker组件，并使用v-model指令将选择的日期绑定到数据中。然后，你可以使用range-separator属性设置日期范围的分隔符。最后，使用:start 和 :end 属性来限制两个el-date-picker组件的日期范围。

以下是一个示例代码：

<template>
  <div>
    <el-date-picker v-model="startDate" :end="endDate" range-separator="至" type="date"></el-date-picker>
    <el-date-picker v-model="endDate" :start="startDate" range-separator="至" type="date"></el-date-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      startDate: '', // 开始日期
      endDate: '' // 结束日期
    };
  }
};
</script>

在上面的代码中，我们通过v-model指令将用户选择的开始日期和结束日期分别绑定到startDate和endDate的data属性中。然后，我们使用:start和:end属性来限制两个日期选择器的日期范围。其中，起始日期是endDate的值，结束日期是startDate的值。