van-calendar绑定日期范围

您可以使用van-calendar中的`range`属性来绑定日期范围。这个属性接受一个数组，数组中分别是日期范围的起始日期和结束日期。下面是一个示例代码，演示如何绑定一个从2022年1月1日到2022年12月31日的日期范围：

<template>
  <div>
    <van-calendar v-model="currentDate" :range="[startDate, endDate]" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      startDate: new Date(2022, 0, 1), // 2022年1月1日
      endDate: new Date(2022, 11, 31), // 2022年12月31日
      currentDate: new Date(), // 当前日期
    };
  },
};
</script>

在上面的例子中，我们将`range`属性绑定到了`[startDate, endDate]`数组。这意味着用户只能选择在2022年1月1日到2022年12月31日之间的日期。如果用户尝试选择范围之外的日期，那么选择框将变为灰色，无法选择。