vuetify datepicker range show to range number range

I’m using vuetify datepicker range I want it to show number of range e.g. select 2021-03-09 to 2021-03-19 want it to show 10 days.

<div class="contalner">
<v-row>
  <v-col cols="10" sm="4">
    <v-date-picker
    selectedItemsText="{0} day"
      v-model="dates"
      range
      :allowed-dates="allowedDates"
    ></v-date-picker>
  </v-col>
  <v-col cols="10" sm="6">
    <v-text-field
      v-model="dateRangeText"
      label="Date range"
      prepend-icon="mdi-calendar"
      readonly
    ></v-text-field>
    <v-text v-model="Rangedate"></v-text>
    model: {{ dates }}
  </v-col>
</v-row>

enter image description here

Source: Ask Javascript Questions

LEAVE A COMMENT