javascript - 如何在vuejs中验证可能需要上个月和当前月份的日期

Question

我有点卡住了，我是 Vuejs 的新手，我正在使用 vuetify 作为一个库来让我的 UI 成为应用程序的一部分。

我有一个使用 v-date-picker 的场景选择日期，但我有一个问题，我想从上个月和当前月份中选择日期，并在 datepicker 中休息所有月份。

表示用户只能从 April 中选择日期月和 May月份为 May是我们当前的月份，所以我应该如何解决这个问题？

这是我的默认代码。

<v-date-picker v-model="date" no-title scrollable>
    <v-spacer></v-spacer>
    <v-btn text color="primary" @click="menu = false"
      >Cancel</v-btn
    >
    <v-btn text color="primary" @click="$refs.menu.save(date)"
      >OK</v-btn
    >
  </v-date-picker>

date: new Date().toISOString().substr(0, 10),
      disabledDates: {
        to: new Date(Date.now() - 8640000)
      },
      menu: false

我正在尝试禁用日期，但它正在禁用整个日期选择器，所以我应该解决这个问题，任何帮助将不胜感激......

Answer 1

根据说明书
https://vuetifyjs.com/en/components/date-pickers/#month-pickers-allowed-months
这应该工作

methods: {
  allowedMonths: (val) => {
    const date = new Date();
    const cur = {
        month: date.getMonth() + 1,
        year: date.getFullYear(),
    };
    const prev = {
        month: cur.month === 1 ? 12 : cur.month - 1,
        year: cur.month === 1 ? cur.year - 1 : cur.year,
    };
    const valMonth = parseInt(val.split('-')[1], 10);
    const valYear = parseInt(val.split('-')[0], 10);
    return (valYear === cur.year && valMonth === cur.month) ||
        (valYear === prev.year && valMonth === prev.month);
  },
},