vant default-date 默認選中日期

最近在做項目的時候發現一個vant 日期區間 組件默認選中當前日期的問題

 

 官網的代碼是這樣的

<van-cell title="選擇日期區間" :value="date" @click="show = true" />
<van-calendar v-model="show" type="range" @confirm="onConfirm" />
export default {
  data() {
    return {
      date: '',
      show: false,
    };
  },
  methods: {
    formatDate(date) {
      return `${date.getMonth() + 1}/${date.getDate()}`;
    },
    onConfirm(date) {
      const [start, end] = date;
      this.show = false;
      this.date = `${this.formatDate(start)} - ${this.formatDate(end)}`;
    },
  },
};

默認是不能選擇今天以前的數據可以根據官網提供的最小值和最大值設置以前和之后的時間

 

 如果這個兩個值都設置了 有可能出現默認值不是當天的情況，如果出現這種情況，可以嘗試先把最大時間去掉

 只保留最小值

<van-calendar
        v-model="calendarShow"
        :min-date="minDate"
        :show-confirm="false"
        type="range"
        @confirm="onConfirm"
      />

data() {
    return {
      minDate: new Date(2008, 0, 1)
    }
  },

嘗試一下，我的是這么解決的