如何在 vue 中使用日期选择器 select 三天

Question

我正在使用 VCalendar - datepicker，我想突出显示数组中的日期：['2022-02-01', '2022-02-08', '2022-02-15']，我不能在文档中找到这个，只有一个日期或日期范围，但不像我的数组中那样只有一个日期，例如所有星期二。

Answer 1

其实VCalendar有文档可以实现多日期选择 https://vcalendar.io/examples/datepickers.html#multiple-dates

new Vue({
  el: "#app",
  data: () => ({
    dates: ['2022-02-01', '2022-02-08', '2022-02-15']
  }),
  
  computed: {
    attributes() {
      return this.dates.map(date => ({
        highlight: true,
        dates: date,
      }));
        }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<script src="https://unpkg.com/v-calendar@2.4.0/lib/v-calendar.umd.min.js"></script>
<div id="app">
  <v-calendar :attributes="attributes" />
</div>

如何在 vue 中使用日期选择器 select 三天

How to select three days using datepicker in vue

vcalendar

vue.js