Vuetify Calendar：有没有办法从事件标签中删除时间间隔

Question

我正在使用 Vuetify 创建一个日历应用程序。我想摆脱每个事件之前的时间间隔。下图将证明我的意图：

https://i.stack.imgur.com/uvFlk.png

这里我只想保留显示的事件名称，应该删除诸如“22:15”或“11 Uhr”之类的时间值。这应该适用于所有类型的日历：月、周和日。这些事件不是全天事件，但我仍然不想显示时间间隔。

通过查看 API 文档，我发现了道具“show-interval-label”，不幸的是它不起作用。

不知道有没有办法实现。

谢谢。

Answer 1

您将不得不使用插槽（请参阅 official documentation）。

在你的情况下应该是这样的：

<v-calendar
  ref="calendar"
  v-model="value"
  :weekdays="weekday"
  :type="type"
  :events="events"
  :event-overlap-mode="mode"
  :event-overlap-threshold="30"
  :event-color="getEventColor"
  :show-interval-label="showInterval"
  @change="getEvents"
>
  <template v-slot:event="{ event }">
    {{event.name}}
  </template>
</v-calendar>

Vuetify Calendar：有没有办法从事件标签中删除时间间隔

Vuetify Calendar: is there a way to remove the time interval from the event label

calendar

vuetify.js