用途:el-calendar 是 Element Plus 提供的日历组件,用于显示日期,适合日期选择、事件日历、日程展示和日期范围视图。
主要能力:支持通过 v-model 绑定当前日期;通过 range 限定显示的时间范围;通过 date-cell 插槽自定义日期单元格内容;通过 header 插槽自定义头部;controller-type 可设为 'button' 或 'select' 控制切换方式;formatter 用于格式化标签。组件还暴露 selectedDay(当前选中日期)、pickDay(选择指定日期)、selectDate(选择日期)等方法。
使用方式:基础用法为 <el-calendar v-model="date" />。自定义单元格使用 #dateCell="{ data }" 插槽,data 含 type、isSelected、day、date。范围用法为 :range="[startDate, endDate]",传入两个 Date 对象。自定义头部使用 #header="{ date }" 插槽。
适用场景:需要日历视图、日期选择、事件或日程展示、限定日期范围查看的界面。
限制:资料未提供安装方式、依赖版本、收费或平台信息,暂未提供。属性与插槽以官方文档为准。