van-calendar在onMouned中设置范围值

可以在 `mounted` 钩子函数中设置 `van-calendar` 的范围值。

首先，在组件中引入 `DatePicker` 组件，如下所示：

<template>
  <div>
    <van-calendar v-model="date" :min-date="minDate" :max-date="maxDate" />
  </div>
</template>

<script>
import { DatePicker } from 'vant';

export default {
  components: {
    [DatePicker.name]: DatePicker,
  },
  data() {
    return {
      date: new Date(),
      minDate: new Date(2021, 0, 1), // 设置最小日期
      maxDate: new Date(2021, 11, 31), // 设置最大日期
    };
  },
  mounted() {
    // 在 mounted 钩子函数中更新 minDate 和 maxDate 的值
    this.minDate = new Date(2020, 0, 1);
    this.maxDate = new Date(2022, 11, 31);
  },
};
</script>

在上面的例子中，我们设置了 `minDate` 和 `maxDate` 的初始值，然后在 `mounted` 钩子函数中更新它们的值。这样，当组件渲染完成后，`van-calendar` 就会自动更新可选日期的范围。