Vuetify.js Datepicker - 提供允许的日期数组？

Question

我一直在研究这个并试图找出如何格式化语法以向元素提供日期数组以进行日期选择。

  methods: {
    allowedDates: val => parseInt(val.split('-')[2], 10) % 2 === 0
  }

我可以看到该方法正在检查每个日期值的真假，并显示该方法返回可被两天整除的日期。足够简单。

您将如何提供一组日期来检查并返回匹配项？

Answer 1

如果您想禁用过去的日期，您可以执行以下操作

--------- 在模板区域 ------------

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

--------- 在脚本区域 ------------

methods: {
    disablePastDates(val) {
       return val >= new Date().toISOString().substr(0, 10)
    },
}

Answer 2

您首先必须声明日期数组：

var el = ["2018-03-03", "2018-03-05"]

然后检查日期是否在数组内：

allowedDates: val => el.indexOf(val) !== -1

Answer 3

提供给该函数的参数val是格式为的日期YYYY-MM-DD，这就是为什么他们使用该函数用连字符 ( -) 字符进行分割，然后获取该数组中的第三个位置并仅获取偶数。

您应该能够使用val提供给该函数调用的参数来返回一个布尔值，该值表示您是否希望该日期可选择。