SuperAPI AI 工具集

el-time-picker

前端与建站

查看项目

更新于 10-15 23:32

技能介绍

用途:TimePicker 是 Element Plus 提供的时间选择组件,用于让用户选择时间值,支持单个时间与时间范围两种模式,也可限制可选时间。适用于时间录入、时间段选择、排程等场景。

主要能力:支持 v-model 双向绑定;通过 is-range 开启范围模式,并可用 range-separator、start-placeholder、end-placeholder 配置范围显示;arrow-control 提供箭头按钮进行精确选择;disabled-hours、disabled-minutes、disabled-seconds 三个函数用于禁用指定小时、分钟、秒,从而限制可选时间;支持 readonly、disabled、editable、clearable、size、placeholder、format(默认 'HH:mm:ss')、value-format 等属性。

使用方式:基础用法为 <el-time-picker v-model="value" placeholder="Arbitrary time" />。范围模式需添加 is-range 并绑定数组值。限制时间范围时传入 disabled-hours、disabled-minutes、disabled-seconds 函数,例如 disabledHours 返回需禁用的小时数组,disabledMinutes 接收 hour 参数返回需禁用的分钟数组。

事件与暴露方法:提供 change、blur、focus、visible-change 事件;通过 ref 可调用 focus、blur、handleOpen、handleClose。

限制:资料未提供安装方式、版本要求、收费与平台信息,暂未提供。