用途:DatePickerPanel 是 DatePicker 的核心面板组件,用于构建自定义日期选择界面,适合自定义日期选择器 UI、嵌入式日期选择、日历组件以及自定义下拉实现。
主要能力:通过 v-model 绑定值,用 type 指定选择类型,可选 year、years、month、months、date、dates、datetime、week、datetimerange、daterange、monthrange、yearrange,默认 date。支持 border(是否显示边框,默认 true)、disabled、clearable、editable、default-value、default-time、value-format、date-format(默认 YYYY-MM-DD)、time-format(默认 HH:mm:ss)、unlink-panels、disabled-date、shortcuts、cell-class-name、show-footer、show-confirm、show-week-number 等属性。
事件:calendar-change(日历选择变化)、panel-change(点击导航按钮,参数为 date、mode、view)、clear(点击清除按钮)。插槽:default 自定义单元格内容,以及 prev-month、next-month、prev-year、next-year 图标插槽。
用法示例:<el-date-picker-panel v-model="date" :border="false" />;禁用用 disabled;快捷键通过 :shortcuts="shortcuts" 传入含 text 与 value 的数组;禁用日期用 :disabled-date="disabledDate"。建议用于自定义日期选择器实现,与 Popover 组合实现下拉行为,用 shortcuts 提供快速选择。
限制:资料未提供安装命令、依赖版本、收费或价格、性能与浏览器兼容性信息。