mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-04-06 03:59:53 +08:00
5.4 KiB
5.4 KiB
pageClass |
---|
comp-page-class |
TimePicker 时间选择
概述
基础组件,用于选择小时、分钟、秒。
代码示例
基础用法
设置小时选项间隔、分钟选项间隔、秒选项间隔
hello world
在 TimePicker 选择框底部显示自定义的内容。
通过 format 控制时间类型:
默认为 HH:mm:ss,可配置为其他格式,HH:mm、mm:ss 等等
通过disabledHours,disabledMinutes,disabledSeconds设置禁止的部分时间
设置disabled 禁用
API
TimePicker Props
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
value | 日期的值,可以使用v-model实现数据的双向绑定 | String | null |
placeholder | 未选择时间时的提示语 | String | 请选择时间 |
disabled | 是否禁用 | Boolean | false |
readonly | 是否只读 | Boolean | false |
icon | 输入框左边的 icon | String | clock-circle-o |
format | 时间格式:HH:mm:ss | String | HH:mm:ss |
clearable | 是否显示清除 icon | Boolean | false |
hourStep | 小时选项间隔 | Number | 1 |
minuteStep | 分钟选项间隔 | Number | 1 |
secondStep | 秒选项间隔 | Number | 1 |
disabledHours | 禁止选择部分小时选项, function() | Function | null |
disabledMinutes | 禁止选择部分分钟选项, function(selectedHour) | Function | null |
disabledMinutes | 禁止选择部分秒选项, function(selectedHour, selectedMinute) | Function | null |
TimePicker Events
事件名 | 说明 | 返回值 |
---|---|---|
change | 选择后触发 | (value) => void |