使用 Vuetify 选择多个日期

Question

const date = ref(new Date(2024, 1, 19)) 
<v-date-picker v-model="date" :rows="2" :step="1" class="bg-surface" locale="tr" />

我正在使用 Vue.js、Nuxt.js 和 Vuetify。我想在日期选择器中显示多个选定的日期。我尝试了“多重”功能，但没有成功。你能帮忙吗？

Answer 1

我已经修好了。

您必须使用 range 属性，然后将两个日期放入一个数组中，然后对该数组进行 v 模型

new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  data: () => ({
    date: ['2018-03-02', '2018-03-07']
  }),
})

<div id="app">
  <v-app id="inspire">
    <v-row justify="center">
      <v-date-picker
        v-model="date"
        range=true
      ></v-date-picker>
    </v-row>
  </v-app>
</div>

Codepen 日期范围