安装后设置Vuetify Datepicker允许的日期范围

mzaanser 于 2023-03-24 发布在 Vue.js

关注(0)|答案(1)|浏览(207)

我想将允许日期的数组传递到我的日期选择器中，如下所示：
超文本：

<v-date-picker
          
                v-model="dates"
                :allowed-dates="disabledDates"
              >
</v-date-picker>

JavaScript语言：

disabledDates: val =>

this.bookingDates.indexOf(val) === -1,

但是，当呈现Datepicker时（在挂载之前），会调用disabledDates方法，因此this.bookingDates还不存在。是否有方法仅在填充this.bookingDates数组后才呈现Datepicker？

1条答案

首先，最好将函数名“disabledDates”改为“allowedDates”。然后函数将如下所示：

allowedDates: dt => ['2023-03-17', '2023-03-22'].indexOf(dt.toString('yyyy-mm-dd')) >= 0,

要阻止“今天”之前的所有日期，请执行以下操作：

allowedDates: dt => dt >= new Date().toISOString().substring(0, 10),

希望能有所帮助;）