我想在 https://vue3datepicker.com/ 的多日历中禁用所选月份的前几个月

Question

我想在多日历中禁用所选月份的前几个月。如果在第一个日历中假设我选择了五月，当我打开另一个日历时，月份菜单应该显示一月、二月、三月、四月，并且五月应该被禁用。

查看图片

Answer 1

如果您检查 VDatePicker 文档，您将通过

allowed-dates

属性找到您正在寻找的内容。 给定两个 v-date-pickers...

<v-date-picker v-model="date1" />
<v-date-picker v-model="date2" :allowed-dates="allowedDates" />

您想要的函数将根据作为函数参数传入的日期对象来测试第一个日期选择器的选定月份

function allowedDates(val) {
  if (!date1.value) return
  const month = date1.value.getMonth() + 1 // zero-based
  return month !== parseInt(date.toISO(val).split('-')[1])
}

工作演示