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

原文由 Decrux 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

 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 可能会有所帮助；）

原文由 puelo 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

如果您正在使用 v-date-picker ，从 Vuetify 中，只需设置道具 min

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

原文由 Guilherme 发布，翻译遵循 CC BY-SA 4.0 许可协议