如何约束用户选择今天日期以外的日期

Question

我正在使用 Vue3 和选项 API。

鉴于 this StackBlitz，我想知道如何将

:max

值设置为

date-picker

。我将

:max

设置为

new Date()

，但我仍然可以选择今天以外的日期。

Answer 1

在

template

中使用

:max="maxDate"

，然后在

script

中执行以下操作 -

data() {
    return {
      maxDate: new Date().toISOString().split('T')[0], // Set the max date to today
    };
  },

我已将其修复在 https://stackblitz.com/edit/vue-um9bae?file=src%2Fcomponents%2FHelloWorld.vue,src%2FApp.vue

请注意，下面的屏幕截图显示未来日期已禁用