无法在 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>

我仍然可以选择 2018 年 7 月 19 日之前的日期

Answer 1

如果您使用的v-date-picker是 Vuetify 中的 ,​​ 只需设置 propsmin

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

Answer 2

您的数据对象中缺少“，”：

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

除此之外，它似乎对我有用。

https://codesandbox.io/s/ww60k220z8

编辑：原来你使用了为 VueJS 1.x 构建的 vuejs-datepicker 的过时版本。对于将来的问题，发布您的 package.json 可能会有所帮助；）