在 Vue 2 和 Vue 3 的背景下,需要澄清的是 Element UI 是为 Vue 2 设计的,而 Element Plus 是 Element UI 的后续版本,专为 Vue 3 设计。对于日历组件(Calendar),Element UI 并没有直接提供一个名为 el-calendar
的标准组件。然而,Element Plus 确实提供了一个 ElCalendar
组件,该组件是一个功能丰富的日历控件。
由于 Element UI 中没有内置的日历组件,我将重点介绍 Element Plus 中的 ElCalendar
组件,并简要说明在 Vue 2 中你可能需要如何寻找或实现类似的组件。
Vue 3 + Element Plus 的 ElCalendar
属性(Props)
v-model:value
/value
: 绑定值,用于双向绑定当前选择的日期。first-day-of-week
: 一周的第一天是周几,可选值为 0(周日)到 6(周六),默认为 0。disabled-date
: 一个函数,用于确定一个日期是否可选。range
: 是否为范围选择,如果为 true,则允许用户选择日期范围。value-format
: 绑定值的格式,默认为yyyy-MM-dd
。unlink-panels
: 在范围选择时,是否取消两个日期面板之间的联动。
事件(Events)
change
: 当选择