Calendar 日历

显示日期

基础用法

自定义内容

范围

自定义日历头部

国际化

由于 Element Plus 的默认语言为英语,如果你需要设置其它的语言,请参考国际化文档。

要注意的是:日期相关的文字(月份,每一周的第一天等等)也都是通过国际化来配置的。

属性

属性名说明类型默认值
model-value / v-model选中项绑定值Date
range时间范围,包括开始时间与结束时间。 开始时间必须是周起始日,结束时间必须是周结束日,且时间跨度不能超过两个月。[Date, Date]

插槽

插槽名说明类型
date-celltype 表示该日期的所属月份,可选值有 prev-month、current-month 和 next-month;isSelected 标明该日期是否被选中;day 是格式化的日期,格式为 yyyy-MM-dd;date 是单元格的日期{ type: 'prev-month' | 'current-month' | 'next-month', isSelected: boolean, day: string, date: Date }
header卡片标题内容

源代码

组件文档

贡献者