Skip to content

日历(Calendars)

v-calendar组件用于按日、周、月显示信息。每日视图有全天或定时元素的槽位,每周和每月视图有每天的槽位。

WARNING

这个功能需要 v3.4.9 版本。

Installation (安装)

实验室组件需要手动导入和安装该组件。

js
import { VCalendar } from "vuetify/labs/VCalendar";

export default createVuetify({
  components: {
    VCalendar,
  },
});

使用

日历有一个类型和一个值,用于确定在什么时间范围内显示什么类型的日历。这显示了最简单的配置,一个带有 title, startend属性的事件数组。end是可选的,默认为start。如果start有一个时间,它被认为是一个定时事件,并将相应地显示在日视图中。一个事件可以跨越多个天,并将相应地呈现。

API

ComponentDescription
v-calendarPrimary Component

Guide (指南)

Vuetify 中的v-calendar组件为构建各种日历接口提供了一个通用的解决方案。它的设计是高度可定制的,迎合从简单的日期选择器到复杂的事件日历的广泛应用。

Props (属性)

v-calendar组件配备了一系列道具,允许您根据特定要求定制其功能和外观。本节将概述可用属性,深入了解它们的用法以及对日历行为和表示的影响。

Type month (月类型)

这是month(月)的日历

Type week (周类型)

这是week(周)的日历

Type day (天类型)

这是day(天)的日历