@beisen-phoenix/time-picker
v3.3.55
Published
输入或选择时间的控件。
Downloads
595
Readme
输入或选择时间的控件。
何时使用
当用户需要输入一个时间,可以点击标准输入框,弹出时间面板进行选择。
API
| 参数 | 说明 | 类型 | 默认值 |
| ------------------ | ------------------------------------------------------ | ------------------------------------------------ | ------------ |
| lang | 面板语言 | zhCN/zhTW/enUS
| 'zhCN' |
| addon | 选择框底部显示自定义的内容 | function | 无 |
| allowEmpty | 是否展示清除按钮 | boolean | true |
| showSecond | 是否展示秒选项 | boolean | true |
| use12Hours | 使用 12 小时制,为 true 时 format
默认为 h:mm:ss a
| boolean | false |
| value | 当前时间 | moment | 无 |
| disabledHours | 禁止选择部分小时选项 | function() | 无 |
| disabledMinutes | 禁止选择部分分钟选项 | function(selectedHour) | 无 |
| disabledSeconds | 禁止选择部分秒选项 | function(selectedHour, selectedMinute) | 无 |
| format | 展示的时间格式 | string | "HH:mm:ss" |
| hideDisabldOptions | 隐藏禁止选择的选项 | boolean | false |
| placeholder | 没有值的时候显示的内容 | string | "请输入时间" |
| hourStep | 小时选项间隔 | number | 1(1-23) |
| minuteStep | 分钟选项间隔 | number | 1 (1-60) |
| secondStep | 秒选项间隔 | number | 1 (1-60) |
| onChange | 时间发生变化的回调 | function(time: moment, timeString: string): void | 无 |
| onSelect | 时/分/秒中的某一列的数值被选中后执行的函数,只有在最后一列会被调用 | function(): void | |
| onAmPmChange | 上午下午发生变化的回调 | function(ampm): void | 无 |
| onClear | 点击清除按钮时的回调 | function(): void | 无 |
| disabledTime | 禁止选择部分小时/分钟/秒的选项 | () => {disabledHours: Function,disabledMinutes: Function,disabledSeconds: Function}