vue.js 使用v-calendar处理时间和日期格式的事件

idfiyjo8 于 2023-05-18 发布在 Vue.js

关注(0)|答案(1)|浏览(359)

当我查找API事件时，时间将是ex：12：00的v-calendar缩写为只是12，如果我寻找的时间密码分钟它带来完成，因为它似乎是一个vuetify v-calendar行为，有人已经解决了？
enter image description here
Problema com abreviiação do vuetify v-calendar

vue.js

来源：https://stackoverflow.com/questions/76230559/using-v-calendar-with-events-coming-in-time-and-date-format

1条答案

按热度按时间

g9icjywg1#

您可以在VCCalendar组件中使用slot #事件。就像这样：

<v-calendar>
    <template #event={ parsedEvent, event }>
        {{ parsedEvent.start.time }} - {{ event.name }}
    </template>
</v-calendar>

parsedEvent：您的活动中的所有数据都已格式化。
event：事件数组中的数据。

使用这样的方法，您可以为您的事件创建自定义视图。请记住，您使用的是#event槽，vendory组件将忽略event-name，因此您需要析构{ event }才能访问此属性。
我建议您阅读更多关于插槽的信息从vuetify文档。https://v2.vuetifyjs.com/en/api/v-calendar/

赞(0）回复(0）举报 2023-05-18

我来回答

vue.js 使用v-calendar处理时间和日期格式的事件

1条答案

相关问题

热门标签

最新问答