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

可以通过 `min-date` 和 `readonly` 属性来实现。

假设你使用的是 Vant 2.x，那么以下是一个示例代码：

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

<script lang="ts">
import { defineComponent } from 'vue';
import { Calendar } from 'vant';
import dayjs from 'dayjs';

export default defineComponent({
  components: {
    [Calendar.name]: Calendar,
  },
  data() {
    return {
      currentDate: new Date(),
      minDate: dayjs().startOf('day').toDate(), // 今天开始的日期
      readonly: false,
    };
  },
  created() {
    // 设置只读状态
    if (dayjs(this.currentDate).isAfter(dayjs().endOf('day'))) {
      this.readonly = true;
    }
  },
  watch: {
    currentDate(val) {
      // 监听日期变化，更新只读状态
      if (dayjs(val).isAfter(dayjs().endOf('day'))) {
        this.readonly = true;
      } else {
        this.readonly = false;
      }
    },
  },
});
</script>

上述代码中，我们通过将 `min-date` 属性设置为今天开始的日期，即可让用户无法选择今天之前的日期。同时，我们在 `created` 钩子函数中检查当前日期是否在今天之后，如果是，则将 `readonly` 属性设置为 `true`，使用户无法选择之后的日期。另外，我们还通过 `watch` 监听日期变化，更新只读状态。