日历(Calendars)
v-calendar
组件用于按日、周、月显示信息。每日视图有全天或定时元素的槽位,每周和每月视图有每天的槽位。
WARNING
这个功能需要 v3.4.9 版本。
Installation (安装)
实验室组件需要手动导入和安装该组件。
js
import { VCalendar } from "vuetify/labs/VCalendar";
export default createVuetify({
components: {
VCalendar,
},
});
使用
日历有一个类型和一个值,用于确定在什么时间范围内显示什么类型的日历。这显示了最简单的配置,一个带有 title, start 和 end属性的事件数组。end是可选的,默认为start。如果start有一个时间,它被认为是一个定时事件,并将相应地显示在日视图中。一个事件可以跨越多个天,并将相应地呈现。
API
Component | Description |
---|---|
v-calendar | Primary Component |
Guide (指南)
Vuetify 中的v-calendar
组件为构建各种日历接口提供了一个通用的解决方案。它的设计是高度可定制的,迎合从简单的日期选择器到复杂的事件日历的广泛应用。
Props (属性)
v-calendar
组件配备了一系列道具,允许您根据特定要求定制其功能和外观。本节将概述可用属性,深入了解它们的用法以及对日历行为和表示的影响。
Type month (月类型)
这是month
(月)的日历
Type week (周类型)
这是week
(周)的日历
Type day (天类型)
这是day
(天)的日历