Calendar
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.
사용법
A calendar has a type and a value which determines what type of calendar is shown over what span of time.
API
컨트롤에 색상을 지정
다크 테마를 적용
Components.Calendars.
Components.Calendars.
Components.Calendars.
Components.Calendars.
Components.Calendars.
Components.Calendars.
Components.Calendars.
Components.Calendars.
Components.Calendars.
라이트 테마를 적용
Components.Calendars.
Components.Calendars.
Components.Calendars.
Components.Calendars.
Components.Calendars.
Components.Calendars.
Components.Calendars.
Components.Calendars.
Components.Calendars.
Components.Calendars.
Components.Calendars.
Components.Calendars.
표시여부를 조절 (Controls visibility)
Components.Calendars.
Components.Calendars.
예제
Slots
Slots allow you to define the content for each day, time interval for the daily views, and various labels.
Events
This is an example of an event calendar with type of month. Click on an event to show event details.
Weekly
This is an example of an event calendar with all-day and timed events with a type of week.
Daily
This is an example of calendar with content in each interval slot and a type of day.
Features
This example allows you to explore many of the features of the v-calendar component.