无法禁用vuejs-datepicker上的过去日期 [英] Not able to disable past dates on vuejs-datepicker

问题描述

我想禁用今天之前的所有过去日期。我正在使用vuejs-datepicker。

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

解决方案

您在自己的帐户中缺少，数据对象：

  data（）{
 return {
模型：{
日期： ''
}，< ----------------------------- 
 DatePickerFormat：'dd / MM / yyyy' ，
禁用日期：{
到：new Date（Date.now（）-8640000）
} 
} 
} 
  

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

https://codesandbox.io/s/ww60k220z8

编辑：事实证明，您使用了为VueJS 1.x构建的vuejs-datepicker的过时版本。 。对于将来出现的问题，也可以发布package.json;）

I want to disable all past dates before "today". I am using vuejs-datepicker. vuejs-datepicker However it's not working nor there are any errors in the console log. I can still choose past dates.

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

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

Am I doing something wrong?

Update1:

<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>

I still can choose past dates before 19.07.2018

解决方案

You are missing a "," in your data object:

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

Other than that it seems to be working for me.

https://codesandbox.io/s/ww60k220z8

Edit: Turns out you used an outdated version of vuejs-datepicker which was build for VueJS 1.x. For problems in the future it might be beneficial to also post your package.json ;)

这篇关于无法禁用vuejs-datepicker上的过去日期的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！