vue3 vant中的calendar怎样配置今天之前的所有日期可以选择 并且之后的日期只读状态

要实现这个功能，可以通过配置 `min-date` 和 `readonly` 属性来实现。

首先，在 `van-calendar` 组件上设置 `min-date` 属性为当前日期。这将禁用所有今天之前的日期。

然后，将 `readonly` 属性设置为 `true`，这将禁用所有今天之后的日期。

下面是一个示例代码：

<template>
  <van-calendar
    v-model="currentDate"
    :min-date="minDate"
    :readonly="readonly"
  />
</template>

<script>
import { ref } from 'vue';
import { useDate } from '@vant/use';

export default {
  setup() {
    const currentDate = ref(useDate());
    const minDate = ref(useDate());
    const readonly = ref(false);

    // 设置最小日期为今天
    minDate.value.setHours(0, 0, 0, 0);

    // 设置只读状态为真
    readonly.value = true;

    return {
      currentDate,
      minDate,
      readonly,
    };
  },
};
</script>

这样，你就可以实现在 `van-calendar` 中选择所有今天之前的日期，而之后的日期将处于只读状态。