Vuetify

Магазин

Для бизнеса

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

A calendar has a type and a value which determines what type of calendar is shown over what span of time. 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.

Выберите нужный компонент ниже и посмотрите доступные параметры, слоты, события и функции.

Ниже приведена коллекция простых и сложных примеров.

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

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

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

This is an example of a planner with additional event handlers and external components controlling the display of the calendar.

This is an example of an event calendar with a type of category that allows you to compare two schedules side-by-side.

This is an example of an calendar with a line for the current time.

This is an example of an event calendar where you can drag events, extend their length, and create events.

Готовы к большему? Продолжить чтение с:

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!