Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/date/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js vuetify日期选择器范围限制为天数_Vue.js_Date_Datepicker - Fatal编程技术网

Vue.js vuetify日期选择器范围限制为天数

Vue.js vuetify日期选择器范围限制为天数,vue.js,date,datepicker,Vue.js,Date,Datepicker,我想知道有没有一种方法,我怎样才能把选择的天数限制在一些外部道具的数量上。例如,我想在这里实现的是,如果我通过10天,那么在范围内,我可以选择不超过10天 取消 好啊 ... 数据(){ 返回{ 日期:'', 菜单:错, }; }, 方法:{ 允许结婚(日期){ //不能选择今天之前的日期和今天 return new Date(Date).valueOf()您好,我认为这可能会对您有所帮助,而且我认为您在allowedates中添加的条件不正确,您需要将其更改为=,而不是 <v-d

我想知道有没有一种方法,我怎样才能把选择的天数限制在一些外部道具的数量上。例如,我想在这里实现的是,如果我通过10天,那么在范围内,我可以选择不超过10天


取消
好啊
...
数据(){
返回{
日期:'',
菜单:错,
};
},
方法:{
允许结婚(日期){
//不能选择今天之前的日期和今天

return new Date(Date).valueOf()您好,我认为这可能会对您有所帮助,而且我认为您在
allowedates
中添加的条件不正确,您需要将其更改为
=
,而不是

   <v-date-picker
      v-model="date"
      :color="color"
      :range="true"
      :allowed-dates="allowedDates"
    >
      <v-btn text color="primary" @click="menu = false">Cancel</v-btn>
      <v-btn text color="primary" @click="onSubmitDate">OK</v-btn>
    </v-date-picker>
  </v-menu>

...
  data() {
    return {
      date: '',
      menu: false,
    };
  },
methods:{
    allowedDates(date) {
      // Can not select days before today and today
      return new Date(date).valueOf() <= Date.now();
    }
}