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 之前的过去日期

标签： vue.jsdatepicker

Answer 1

如果您使用v-date-picker的是 Vuetify，只需设置道具min

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