v-calendar 组件用于在每日、每周或每月视图中显示信息。每日视图有一个全天或定时元素的插槽，每周和每月视图有一个每天的插槽。您可以选择传入一个事件数组，它们将在适当的日期和时间内呈现。
日历具有类型和值，该类型和值决定在多长时间内显示何种类型的日历。这显示了最简单的配置，一个带有 name, start 和 end 属性的事件数组。 end 是可选的，它默认为 start。如果 start定义了时间，那么它被认为是一个定时事件，并将相应地显示在日视图中。事件可以跨越数天，并将相应地呈现。
从下面选择您想要的组件，并查看可用的属性、插槽、事件和函数。
v-calendar
props
slots
events
functions
sass
name
categoriestype
array | stringdefault
undefineddescription
Specifies what categories to display in the category view. This controls the order of the categories as well. If the calendar uses events any categories specified in those events not specified in this value are dynamically rendered in the view unless category-hide-dynamic is true.
name
category-daystype
number | stringdefault
1description
The number of days to render in the category view.
name
category-for-invalidtype
stringdefault
undefineddescription
The category to place events in that have invalid categories. A category is invalid when it is not a string. By default events without a category are not displayed until this value is specified.
name
category-hide-dynamictype
booleandefault
falsedescription
Sets whether categories specified in an event should be hidden if it's not defined in categories.
name
category-show-alltype
booleandefault
falsedescription
Set whether the category view should show all defined categories even if there are no events for a category.
name
colortype
stringdefault
undefineddescription
将指定的颜色应用于控件 - 它可以是 material color 的名称（例如 success 或者 purple）或 css 颜色 (#033 或 rgba(255, 0, 0, 0.5))。 你可以在 colors page 中找到内置类的列表。
name
darktype
booleandefault
falsedescription
将暗色主题变量应用到组件。你可以在 dark themes 的 Material Design 文档中找到更多有关信息。
name
day-formattype
functiondefault
nulldescription
将某日中出现的月字符串的日期格式化为指定区域设置
name
endtype
string | number | datedefault
undefineddescription
日历的结束日期（包括），格式为 YYYY-MM-DD。根据日历的type`，这可能会被忽略。
name
event-categorytype
string | functiondefault
categorydescription
Set property of event's category. Instead of a property a function can be given which takes an event and returns the category.
name
event-colortype
string | functiondefault
primarydescription
所有事件的背景色或接受传递给日历的事件对象以返回颜色的函数。
name
event-endtype
stringdefault
'end'description
设置 event 的结束时间戳的属性。
name
event-heighttype
numberdefault
20description
事件的高度（以像素为单位）在 month 视图和 day 视图的顶部。
name
event-margin-bottomtype
numberdefault
1description
事件底部边距
name
event-moretype
booleandefault
truedescription
在给定日期内事件太多的日历上是否显示更多 'button'。它将显示类似于 '5 more' 的内容，当单击时会生成一个 click:more 事件。
name
event-more-texttype
stringdefault
'$vuetify.calendar.moreEvents'description
在给定隐藏事件数量的情况下，在更多 'button' 中显示的文本。
name
event-nametype
string | functiondefault
namedescription
设置 event 的显示名称的属性，或接受作为第一个参数传递给日历的事件对象的函数，并设置一个标志，指示该名称是用于一个定时事件 (true) 或是一个超过一天的事件。
name
event-overlap-modetype
string | functiondefault
stackdescription
stack, column 或自定义渲染函数之一
name
event-overlap-thresholdtype
string | numberdefault
60description
以分钟为单位的值，用于确定两个定时事件应在彼此相邻的列中放置还是应视为稍微重叠的事件。
name
event-rippletype
boolean | objectdefault
undefineddescription
应用 v-ripple 指令。
name
event-starttype
stringdefault
'start'description
设置 event 的启动时间戳的属性。
name
event-text-colortype
string | functiondefault
whitedescription
所有事件的文本颜色，或接受传递给日历的事件对象以返回颜色的函数。
name
event-timedtype
string | functiondefault
timeddescription
If Dates or milliseconds are used as the start or end timestamp of an event, this prop can be a string to a property on the event that is truthy if the event is a timed event or a function which takes the event and returns a truthy value if the event is a timed event.
name
eventstype
arraydefault
[]description
事件对象数组，具有开始时间戳（可选）和名称及结束时间戳的属性。 如果未提供结束时间戳，则将使用开始值。 如果没有给出名称，则必须为 event
插槽提供一个实现。
name
first-intervaltype
number | stringdefault
0description
在 day 视图中显示的第一个间隔。如果 intervalMinutes 设置为 60，而这个设置为 9，则视图中的第一次是上午9点。
name
first-timetype
number | string | objectdefault
undefineddescription
The first time to display in the day view. If specified, this overwrites any firstInterval value specified. This can be the number of minutes since midnight, a string in the format of HH:mm, or an object with number properties hour and minute.
name
hide-headertype
booleandefault
falsedescription
day 视图顶部的头部是否应该可见。
name
interval-counttype
number | stringdefault
24description
在 day 视图中显示的间隔数。
name
interval-formattype
functiondefault
nulldescription
将出现在 day 和 week 视图的间隔栏中的一天中的时间字符串格式化为指定的区域设置
name
interval-heighttype
number | stringdefault
48description
day 视图中间隔的高度（以像素为单位）。
name
interval-minutestype
number | stringdefault
60description
间隔在 day 视图中的分钟数。普通间隔为 60 分钟，因此间隔为 1 小时。
name
interval-styletype
functiondefault
nulldescription
返回要应用于间隔的 CSS 样式。
name
interval-widthtype
number | stringdefault
60description
day 视图中左侧的间隔宽度。
name
lighttype
booleandefault
falsedescription
为组件设置浅色主题。
name
localetype
stringdefault
undefineddescription
日历的区域设置。
name
locale-first-day-of-yeartype
string | numberdefault
0description
Sets the day that determines the first week of the year, starting with 0 for Sunday. For ISO 8601 this should be 4.
name
max-daystype
numberdefault
7description
如果未设置 end 天，则在自定义日历中显示最大天数。
name
min-weekstype
anydefault
1description
在 month 或 week 视图中显示的最小周数。
name
month-formattype
functiondefault
nulldescription
将日期中出现的月份字符串格式化为指定的区域设置
name
nowtype
stringdefault
undefineddescription
覆盖现在考虑的日期和时间。格式为 YYYY-MM-DD hh:mm:ss。日历是根据现在的情况设计的。
name
short-intervalstype
booleandefault
truedescription
如果为 true，则 day 视图中的间隔将为上午 9：00，而不是上午 09：00
name
short-monthstype
booleandefault
truedescription
是否应使用一个月的简短版本 (Jan vs January)。
name
short-weekdaystype
booleandefault
truedescription
是否应使用工作日的简短版本 (Mon vs Monday)。
name
show-interval-labeltype
functiondefault
nulldescription
检查给定的日期和时间是否应显示在 day 视图的间隔栏中。
name
show-month-on-firsttype
booleandefault
truedescription
是否应在该月的第一天显示该月的名称。
name
show-weektype
booleandefault
falsedescription
Whether weeknumbers should be displayed when using the month view.
name
starttype
string | number | datedefault
2020-11-11description
日历上的开始日期（包括），格式为 YYYY-MM-DD。 根据日历的 type，可以将其忽略。
name
typetype
stringdefault
'month'description
字符串，可以是 month, week, day, 4day, custom-weekly, 和 custom-daily 中的一个。自定义类型查看传递给组件的 start 和 end 日期，而不是 value。
name
valuetype
string | number | datedefault
undefineddescription
YYYY-MM-DD 格式的日期，用于确定日历的时间跨度。
name
weekday-formattype
functiondefault
nulldescription
将标题中显示的星期几字符串格式设置为指定的区域设置
name
weekdaystype
array | stringdefault
[0,1,2,3,4,5,6]description
指定一周中要显示的日期。如果只显示周一到周五，可以使用 [1, 2, 3, 4, 5]
的值。要显示周一开始的一周，可以使用值 [1, 2, 3, 4, 5, 6, 0]。
name
categorydescription
The content placed in a category header for the category type. The category variable is null for events with invalid (non-string) categories.
props
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
category: string | null
}name
daydescription
放置在 week 或 month 视图中的内容。day & time 对象通过此插槽作用域传递。
props
{
outside: boolean
index: number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}name
day-bodydescription
放置在可滚动间隔容器的 day 视图中的内容。day & time 对象通过此插槽作用域传递。
props
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
day-headerdescription
顶部容器中 day 视图中放置的内容。day & time 对象通过此插槽作用域传递。
props
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
day-labeldescription
放在 custom-weekly 或 month 视图中的/日空间中的内容。日期和时间对象会通过这个插槽范围。
props
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}name
day-label-headerdescription
在 week, day, 4day, 或 custom-daily 视图中的月/日空间中放置的内容。日期和时间对象会通过这个插槽范围。
props
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}name
day-monthdescription
在 week 或 month 视图中放置在月份空间的内容。day & time 对象通过此插槽作用域传递。
props
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}name
eventdescription
放在事件中的内容。这就忽略了 event-name prop。
props
{
event: any
eventParsed: {
input: any
start: {
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
},
startIdentifier: number
startTimestampIdentifier: number
end: {
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
},
endIdentifier: number
endTimestampIdentifier: number
allDay: boolean
index: number
category: string
},
day: {
outside: boolean
index: number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
},
outside: boolean
start: boolean
end: boolean
timed: boolean
singleline: boolean
overlapsNoon: boolean
formatTime: (time: VTimestamp, ampm: boolean): string
timeSummary: (): string
eventSummary: (): string
}name
intervaldescription
在 day 视图中放置在间隔空间中的内容。day & time 对象通过此插槽作用域传递。
props
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
changedescription
日历上显示的天数范围已更改。这在初始化时触发。传递的事件是一个具有开始日期和结束日期对象的对象。
value
{
start: {
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
},
end: {
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
}name
click:datedescription
月中某天的单击事件链接。传递的事件是日期和时间对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
click:daydescription
某天的单击事件。传递的事件是 day 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
click:day-categorydescription
The click event on a day in the category view. The event passed is the day object.
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
category: string | null
}name
click:intervaldescription
day 视图中特定间隔标签的点击事件。传递的事件是 day & time 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}name
click:moredescription
一天中有太多事件的视图中的 X more 按钮上的点击事件。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}name
click:timedescription
day 视图中特定时间的点击事件。传递的事件是 day & time 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
click:time-categorydescription
The click event at a specific time in the category view. The event passed is the day & time object.
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
category: string | null
}name
contextmenu:datedescription
该月中某一天的右击事件。传递的事件是 day & time 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
contextmenu:daydescription
某一天的右键事件。传递的事件是 day 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
contextmenu:day-categorydescription
The right-click event on a day in the category view. The event passed is the day object.
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
category: string | null
}name
contextmenu:intervaldescription
day 视图中特定间隔标签的右键事件。传递的事件是 day & time 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}name
contextmenu:timedescription
day 视图中特定时间的右键事件。传递的事件是 day & time 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
contextmenu:time-categorydescription
The right-click event at a specific time in the category view. The event passed is the day & time object.
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
category: string | null
}name
inputdescription
用于支持 v-model 的 click:date 事件的别名。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}name
mousedown:daydescription
一天中的 mousedown 事件。传递的事件是 day 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
mousedown:day-categorydescription
The mousedown event on a day in the category view. The event passed is the day object.
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
category: string | null
}name
mousedown:intervaldescription
day 视图中特定间隔标签处的 mousedown 事件。传递的事件是 day & time 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}name
mousedown:timedescription
day 视图中特定时间的 mousedown 事件。传递的事件是 day & time 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
mousedown:time-categorydescription
The mousedown event at a specific time in the category view. The event passed is the day & time object.
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
category: string | null
}name
mouseenter:daydescription
一天中的 mouseenter 事件。传递的事件是 day 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
mouseenter:day-categorydescription
The mouseenter event on a day in the category view. The event passed is the day object.
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
category: string | null
}name
mouseenter:intervaldescription
day 视图中特定间隔标签处的 mouseenter 事件。传递的事件是 day & time 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}name
mouseenter:timedescription
day视图中特定时间的 mouseenter 事件。传递的事件是 day & time 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
mouseenter:time-categorydescription
The mouseenter event at a specific time in the category view. The event passed is the day & time object.
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
category: string | null
}name
mouseleave:daydescription
一天的 mouseleave 事件。传递的事件是 day 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
mouseleave:day-categorydescription
The mouseleave event on a day in the category view. The event passed is the day object.
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
category: string | null
}name
mouseleave:intervaldescription
day 视图中特定间隔标签处的 mouseleave 事件。传递的事件是 day & time 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}name
mouseleave:timedescription
day视图中特定时间的 mouseleave 事件。传递的事件是 day & time 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
mouseleave:time-categorydescription
The mouseleave event at a specific time in the category view. The event passed is the day & time object.
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
category: string | null
}name
mousemove:daydescription
一天的 mousemove 事件。传递的事件是 day 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
mousemove:day-categorydescription
The mousemove event on a day in the category view. The event passed is the day object.
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
category: string | null
}name
mousemove:intervaldescription
day 视图中特定间隔标签处的 mousemove 事件。传递的事件是 day & time 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}name
mousemove:timedescription
day 视图中特定时间的 mousemove 事件。传递的事件是 day & time 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
mousemove:time-categorydescription
The mousemove event at a specific time in the category view. The event passed is the day & time object.
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
category: string | null
}name
mouseup:daydescription
一天的 mouseup 事件。传递的事件是 day 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
mouseup:day-categorydescription
The mouseup event on a day in the category view. The event passed is the day object.
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
category: string | null
}name
mouseup:intervaldescription
day 视图中特定间隔标签处的 mouseup 事件。传递的事件是 day & time 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}name
mouseup:timedescription
day 视图中特定时间的 mouseup 事件。传递的事件是 day & time 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
mouseup:time-categorydescription
The mouseup event at a specific time in the category view. The event passed is the day & time object.
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
category: string | null
}name
moveddescription
调用了函数 next、prever 和 move 中的一个。传递的事件是为移动计算的 day 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}name
touchend:daydescription
一天的 touchend 事件。传递的事件是 day 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
touchend:day-categorydescription
The touchend event on a day in the category view. The event passed is the day object.
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
category: string | null
}name
touchend:intervaldescription
day 视图中特定间隔标签处的 touchend 事件。传递的事件是 day & time 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}name
touchend:timedescription
day 视图中特定时间的 touchend 事件。传递的事件是 day & time 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
touchend:time-categorydescription
The touchend event at a specific time in the category view. The event passed is the day & time object.
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
category: string | null
}name
touchmove:daydescription
一天的 touchmove 事件。传递的事件是 day 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
touchmove:day-categorydescription
The touchmove event on a day in the category view. The event passed is the day object.
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
category: string | null
}name
touchmove:intervaldescription
day 视图中特定间隔标签处的 touchmove 事件。传递的事件是 day & time 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}name
touchmove:timedescription
day 视图中特定时间的 touchmove 事件。传递的事件是 day & time 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
touchmove:time-categorydescription
The touchmove event at a specific time in the category view. The event passed is the day & time object.
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
category: string | null
}name
touchstart:daydescription
一天的 touchstart 事件。传递的事件是 day 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
touchstart:day-categorydescription
The touchstart event on a day in the category view. The event passed is the day object.
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
category: string | null
}name
touchstart:intervaldescription
day 视图中特定间隔标签处的 touchstart 事件。传递的事件是 day & time 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}name
touchstart:timedescription
day 视图中特定时间的 touchstart 事件。传递的事件是 day & time 对象。
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
]
}name
touchstart:time-categorydescription
The touchstart event at a specific time in the category view. The event passed is the day & time object.
value
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false
timeDelta: (time: string | number | {hour: number, minute: number}): number | false
minutesToPixels: (minutes: number): number
"week": [
{
date: string
time: string
year: number
month: number
day: number
hour: number
minute: number
weekday: number
hasDay: boolean
hasTime: boolean
past: boolean
present: boolean
future: boolean
}
],
category: string | null
}name
checkChangedescription
检查开始日期和结束日期的更改。 更新并发出更改事件（如果已更改）。
signature
(): voidname
getVisibleEventsdescription
返回当前日历上看到的事件列表，其中每个返回的元素都具有以下属性：
- input：events prop 中传递的事件。
- start: 解析起始时间戳的日历时间戳。
- startIdentifier：代表事件开始日期的数字。
- startTimestampIdentifier：代表事件开始的日期和时间的数字。
- end: 解析结束的时间戳的 CalendarTimestamp 。
- endIdentifier: 表示事件结束日期的数字。
- endTimestampIdentifier：一个代表事件结束日期和时间的数字。
- allDay：如果这是一个全天事件（事件的 start/end 中没有指定时间）。
- index: 给定数组中事件的索引。
signature
(): CalendarEventParsed[]name
minutesToPixelsdescription
将 day 视图的分钟数转换为 y轴 上的像素值。 如果视图不是 day，则返回-1。
signature
(minutes: number): numbername
movedescription
一个通用函数，它将日历向前移动（如果数量为正）或向前移动（如果数量为负）。
signature
(amount: number = 1): voidname
nextdescription
用日期触发输入事件，该日期会使日历前进到下一个时间跨度。 如果类型为 month，则将在下个月返回一天；如果类型为 4day，则将在 value /v-model 之后 4 天返回日期，依此类推。
signature
(amount: number = 1): voidname
parseEventdescription
A utility function which takes an event and returns the parsed version of that event.
signature
(input: CalendarEvent, index: number = 0): CalendarEventParsedname
parseTimestampdescription
A utility function which takes timestamp input and returns a timestamp object.
signature
(input: VTimestampInput, required?: false): CalendarTimestamp | nullname
prevdescription
使用日期触发输入事件，该日期会使日历前进到前一个时间跨度。 如果类型为 month，则将返回上个月的一天；如果类型为 4day，则将返回 value/v-model 之前 4 天的日期，依此类推。
signature
(amount: number = 1): voidname
scrollToTimedescription
将 day 视图中的可滚动区域滚动到给定时间。 如果时间格式无效，或者日历不在 day 视图中，则返回 false。
signature
(time: number | string | { hour: number, minute: number }): booleanname
timeDeltadescription
Converts a time to a delta value for the day view. If the time is not in a valid format or if the calendar is not in the day view then false is returned. A delta value is typically between 0 and 1. If the time given is before the first interval then a negative number will be returned. If the timee given is after the last interval than a number greater than 1 will be returned.
signature
(time: number | string | { hour: number, minute: number }): number | falsename
timestampToDatedescription
A utility function which takes timestamp and returns a Date.
signature
(timestamp: CalendarTimestamp): Datename
timeToYdescription
将 day 视图的时间转换为 y轴 上的像素值。 如果时间格式无效，或者日历不在 day 视图中，则返回 false。
signature
(time: number | string | { hour: number, minute: number }, clamp: boolean = true): number | falsename
titledescription
signature
stringname
updateTimesdescription
现在和今天在日历中更新，可能会更新日历中的样式。
signature
(): voidname
$calendar-daily-day-font-sizedefault
40px !default;name
$calendar-daily-day-paddingdefault
0px 0px 3px 0px !default;name
$calendar-daily-interval-gutter-aligndefault
right !default;name
$calendar-daily-interval-gutter-font-sizedefault
10px !default;name
$calendar-daily-interval-gutter-line-widthdefault
8px !default;name
$calendar-daily-interval-gutter-topdefault
-6px !default;name
$calendar-daily-interval-gutter-widthdefault
4px !default;name
$calendar-daily-weekday-font-sizedefault
11px !default;name
$calendar-daily-weekday-paddingdefault
3px 0px 0px 0px !default;name
$calendar-event-border-radiusdefault
$border-radius-root !default;name
$calendar-event-border-widthdefault
1px !default;name
$calendar-event-bottom-spacedefault
1px !default;name
$calendar-event-font-sizedefault
12px !default;name
$calendar-event-line-heightdefault
20px !default;name
$calendar-event-right-emptydefault
10px !default;name
$calendar-line-widthdefault
1px !default;name
$calendar-weekly-day-label-font-sizedefault
12px !default;name
$calendar-weekly-day-label-margindefault
4px 0 0 0 !default;name
$calendar-weekly-day-label-sizedefault
32px !default;name
$calendar-weekly-day-month-leftdefault
36px !default;name
$calendar-weekly-day-paddingdefault
0px 0px 0px 0px !default;name
$calendar-weekly-weekday-font-sizedefault
11px !default;name
$calendar-weekly-weekday-paddingdefault
0px 4px 0px 4px !default;name
$calendar-weekly-weeknumber-flex-basisdefault
24px !default;name
$calendar-weekly-weeknumber-padding-topdefault
14.5px !default;下面是一些简单到复杂的例子。
这是一个事件日历示例，其中包含类型为 week 的全天事件和定时事件。
这是一个日历示例，每个间隔时段都有内容，类型为 day。
插槽允许您定义每天的内容、每日视图的时间间隔和各种标签。
这是一个带有附加事件处理程序和控制日历显示的外部组件的计划器示例。
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!