VCalendar API
组件页面
属性
| 名称 | 类型 | 默认值 |
|---|---|---|
| allowed-dates | ||
| 确定可选择的日期。 | ||
| day | ||
| 代表与时间间隔相关的具体日期。 | ||
| day-index | ||
| Index of the day this interval is a part of, in a week or month view. | ||
| disabled | ||
| 移除组件的单击或 target 功能。 | ||
| display-value | ||
| Value to display for the component, possibly a formatted date. | ||
| events | ||
| Array of events specific to this interval. | ||
| hide-day-header | ||
| Determines whether the day header is visible in the calendar day view. | ||
| hide-header | ||
| Determines whether the header is hidden in the calendar view. | ||
| hide-week-number | ||
| Toggles the display of week numbers in a calendar view. | ||
| interval-divisions | ||
| Number of subdivisions within this interval. | ||
| interval-duration | ||
| Duration of this specific interval in minutes. | ||
| interval-format | ||
| Formatting rule for displaying the interval, as a string or function. | ||
| interval-height | ||
| Height of the interval in pixels in the calendar view. | ||
| interval-start | ||
| Starting time for this specific interval. | ||
| intervals | ||
| Total number of intervals in a day view. | ||
| max | ||
| Maximum date or value that can be selected. | ||
| min | ||
| Minimum date or value that can be selected. | ||
| model-value | ||
| 组件 v-mode 的值。如果组件支持多属性，默认为空数组。 | ||
| month | ||
| Specifies the month for the calendar view. | ||
| next-icon | ||
| The icon to use for the next button. | ||
| prev-icon | ||
| The icon to use for the prev button. | ||
| show-adjacent-months | ||
| Shows or hides days from adjacent months. | ||
| text | ||
| 设置组件的内容文本。 | ||
| title | ||
| Specify a title text for the component. | ||
| view-mode | ||
| The current view mode of the calendar. | ||
| weekdays | ||
| Specifies which days of the week to display. | ||
| weeks-in-month | ||
| A dynamic number of weeks in a month will grow and shrink depending on how many days are in the month. A static number always shows 7 weeks. | ||
| year | ||
| Specifies the year for the calendar view. | ||
事件
| 名称 | 类型 |
|---|---|
| next | |
| Emitted when moving to the next time period. | |
| prev | |
| Emitted when moving to the previous time period. | |
| update:modelValue | |
| 当组件的 model-value 更改时引发的事件。 | |
插槽
| event |
| MISSING DESCRIPTION |
| header |
| Slot for custom header content. |
可用属性
| daysInMonth |
| Provides data about the days in the selected month. |
| daysInWeek |
| Provides data about the days in the selected week. |
| genDays |
| Generates day objects based on provided dates. |