vue.js - 无法在 vuejs-datepicker 上禁用过去的日期

Question

我想禁用“今天”之前的所有过去日期。我正在使用 vuejs-datepicker。 vuejs-datepicker但是它不起作用，控制台日志中也没有任何错误。我仍然可以选择过去的日期。

<datepicker
     v-model="date"
     :format="DatePickerFormat"
     :disabledDates="disabledDates">
</datepicker>

data(){
      return {
        date: '',
        DatePickerFormat: 'dd/MM/yyyy',
        disabledDates: {
          to: new Date(Date.now() - 8640000)
        }
      }
    }

我做错了什么吗？

更新 1:

<template>
  <datepicker
     v-model="model.date"
     :format="DatePickerFormat"
     :disabledDates="disabledDates">
</datepicker>
</template>

<script>
  import Datepicker from 'vuejs-datepicker'

  export default {

    components: {
      Datepicker
    },

    data(){
      return {
        model: {
          date: ''
        }
        DatePickerFormat: 'dd/MM/yyyy',
        disabledDates: {
          to: new Date(Date.now() - 8640000)
        }
      }
    }

  }

</script>

我仍然可以选择 19.07.2018 之前的过去日期

Answer 1

如果您正在使用来自 Vuetify 的 v-date-picker，只需设置 Prop min

              <v-date-picker
                      v-model="dateTermino"
                      :min="new Date().toISOString().substr(0, 10)"
              ></v-date-picker>