Estoy usando v-calendar como selector de fechas en mi proyecto Vue. Mi objetivo es seleccionar la semana completa : 7 días fijos de domingo a sábado. He estado buscando en la documentación pero no puedo entenderlo.
Esto es lo que tengo como ejemplo https://codepen.io/achaphiv/pen/OJXjooB
<div id='app'> <v-date-picker v-model="value" :available-dates="availableDates" is-inline></v-date-picker> The current date is: {{ value || 'null' }} </div> new Vue({ el: '#app', data() { const now = new Date() const later = new Date(now.getTime() + 5 * 60 * 1000) return { value: null, availableDates: [ { start: now, end: later } ] } } })Si te entendí correctamente, prueba con el siguiente fragmento:
new Vue({ el: '#app', data() { return { value: null, availableDates: { start: new Date(), end: new Date(new Date().setDate(new Date().getDate() + 7)) } } } }) <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <script src="https://unpkg.com/v-calendar@1.0"></script> <div id='app'> <v-date-picker v-model="value" :available-dates="availableDates" is-inline></v-date-picker> The current date is: {{ value || 'null' }} </div>