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

Question

我使用VCalendar-日期选择器，我想突出显示数组中的日期：['2022-02-01'，'2022-02:08'，'2022:02-15']，我在文档中找不到这一点，只有一个日期或日期范围，但没有像我的数组中那样的单独日期，例如，这些日期都是星期二。

Answer 1

实际上，VCalendar有实现多日期选择的文档https://vcalendar.io/examples/datepickers.html#multiple-日期

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>