projects / github / fretlink / time-picker.git / blame
| Commit | Line | Data |
|---|---|---|
| e75ed0c6 | 1 | # TimePicker |
| 78637ac0 M |
2 | |
| 3 | React TimePicker | |
| 4 | ||
| 5 | install | |
| 6 | ------- | |
| 7 | ||
| 8 | ``` | |
| 9 | npm install rc-time-picker | |
| 10 | ``` | |
| 11 | ||
| 12 | Usage | |
| 13 | ----- | |
| 14 | ||
| 15 | ``` | |
| 16 | import TimePicker from 'rc-time-picker'; | |
| 17 | import React from 'react'; | |
| 18 | import ReactDOM from 'react-dom'; | |
| 19 | ReactDOM.render(<TimePicker />, container); | |
| 20 | ``` | |
| 21 | ||
| 22 | API | |
| 23 | --- | |
| 24 | ||
| 4acbf95c | 25 | ### TimePicker |
| 78637ac0 | 26 | |
| e75ed0c6 M |
27 | | Name | Type | Default | Description | |
| 28 | |----------------|----------------------------|-----------------------------------------------|--------------------------------------------------------------------------------------------| | |
| 29 | | prefixCls | String | | prefixCls of this component | | |
| 30 | | locale | Object | import from 'rc-time-picker/lib/locale/en_US' | | | |
| 31 | | disabled | Boolean | false | whether picker is disabled | | |
| 32 | | open | Boolean | false | current open state of picker. controlled prop | | |
| 33 | | defaultValue | GregorianCalendar | null | current value like input's value | | |
| 34 | | placeholder | String | '' | time input's placeholder | | |
| 35 | | formatter | GregorianCalendarFormatter | HH:mm:ss or HH:mm or mm:ss | | | |
| 36 | | hourOptions | Array<String> | hour options | | | |
| 37 | | minuteOptions | Array<String> | minute options | | | |
| 38 | | secondOptions | Array<String> | second options | | | |
| 39 | | onChange | Function | null | called when select a different value | | |
| 40 | | onOpen | Function | null | called when open picker | | |
| 41 | | onClose | Function | null | called when close picker | | |
| 42 | | inputClassName | String | '' | | | |
| 43 | | placement | String | bottomLeft | one of ['left','right','top','bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight'] | | |
| 44 | | transitionName | String | '' | | | |
| 78637ac0 M |
45 | |
| 46 | License | |
| 47 | ------- | |
| 48 | ||
| 49 | rc-time-picker is released under the MIT license. |