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