vue3 el-date-picker限制范围

要在Vue3中使用el-date-picker限制日期选择范围，你需要使用picker-options属性。你可以传递一个对象到picker-options，该对象包含可用的选项。要限制日期选择范围，请使用disabledDate选项，该选项接受一个函数，该函数返回true或false来表示日期是否可用。以下是一个例子：

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

<script>
export default {
  data() {
    return {
      date: '',
      pickerOptions: {
        disabledDate(time) {
          return time.getTime() < Date.now() - 8.64e7; // 禁用今天之前的日期
        }
      }
    };
  }
};
</script>

在上面的例子中，我们使用picker-options属性将一个对象传递给el-date-picker组件。我们在该对象中定义了一个disabledDate选项，该选项的值是一个函数，该函数接受一个时间参数，如果该时间在今天之前，则返回true，否则返回false，这样就禁用了选择今天之前的日期。你可以调整此函数以适应你的需求。