# Calendars(日历)

v-calendar 组件用于在日、周、月或类别视图中显示信息。 每日视图为所有的day或timed元素提供了插槽,而每周和每月视图则为每一天提供了一个插槽。 类别视图根据给定的类别或给定事件中的类别为day和timed部分提供一个插槽。 您可以选择传入一个事件数组,它们将在适当的日期和时间内呈现。

# 使用

日历有一个类型和值来决定在哪个时间段内显示哪个类型的日历。 这显示了最基本的配置,即具有 name start end 属性的事件数组。 ** end ** 是可选的,它默认与 ** start ** 相同。 如果 ** start ** 有一个时间值,则视为定时事件,并将相应地显示在日视图中。 事件可以跨越多天,并将相应地呈现。

# API

# 示例

# 属性

# category类型

这是一个具有 ** category ** ` 类型 的事件日历示例, 允许您并列比较两个日程表。

day类型

这是一个日历示例,每个间隔时段都有内容,并且 类型day`。

# week类型

这是一个具有全天和定时事件的事件日历的示例,其中 类型week

# 事件

# Click

这是一个带有附加事件处理程序和控制日历显示的外部组件的计划器示例。

# 插槽

# Day

插槽允许您定义每天的内容、每日视图的时间间隔和各种标签。

# Day body

使用 day-body 插槽您可以自定义天的日历内容。 在这个示例中,我们为当前时间添加了一条线。

# 其他

# 拖放

这是一个事件日历的例子,您可以拖动事件、延长其长度并创建事件。

了解更多?

继续学习由 我们的团队 选择的相关内容,或通过使用下面的导航链接在页面之间跳转。
GitHub 上编辑此页面
最后更新:11/12/2024, 6:59:50 AM