The v-calendar component is used to display information in a daily, weekly, or monthly view. The daily view has slots for all day or timed elements, and the weekly and monthly view has a slot for each day. Optionally you can pass in an array of events and they will be rendered over the appropriate days and times.

Usage

Календарь имеет тип и значение, определяющее какой тип календаря показывает на какой период времени.

API

Примеры

Недельный

Это пример календаря событий с типом week, с календарем на весь день и событиями по времени.

Ежедневный

Это пример календаря с содержанием в каждом слоте интервала и типом day.

Slots

Слоты позволяют определять содержание каждого дня, интервал времени для ежедневных видов и различные метки.

Events

This is an example of an event calendar with type of month. This shows the bare minimum configuration, an array of events with name, start and end properties. end is optional, it defaults to the start. If the start has a time it's considered a timed event and will be shown accordingly in the day views. An event can span multiple days and will be rendered accordingly.

Edit this page | language on Github
Vuetify
МагазинFor Enterprise