search

praveenpuglia / vuetify-daterange-picker

The missing date range picker for Vuetify JS you have been looking for.
https://vuetify-daterange-picker.gitbook.io/docs
MIT License
197 stars 59 forks source link

Change value prop #62

Closed kevinvenclovas closed 5 years ago

kevinvenclovas commented 5 years ago

Hello,

i want to set a default start and end date in my picker but its didnt work. Here my code:

<v-daterange
 v-model="range"
 display-format="DD-MM-YYYY"
:input-props="inputProps"
:menu-props="menuProps"
 :value="datepickerinivalues"
></v-daterange>

Here my data:

inputProps: { solo: true, style: { width: '500px' } },
menuProps: { offsetY: true, closeOnContentClick: false },  
datepickerinivalues:{ start: "2019-05-20", end: "2019.05.24"}
praveenpuglia commented 5 years ago

Your use of v-model and :value is conflicting. v-model itself uses value prop internally.

tl;dr if you need default values, set your range data property to those default values and then pass that range to v-model

Basically,