uxcore-time-picker

React time picker using rc-time-picker

Development

git clone https://github.com/uxcore/uxcore-time-picker
cd uxcore-time-picker
npm install
npm run server

if you'd like to save your install time，you can use uxcore-tools globally.

npm install uxcore-tools -g
git clone https://github.com/uxcore/uxcore-time-picker
cd uxcore-time-picker
npm install
npm run dep
npm run start

Test Case

npm run test

Coverage

npm run coverage

Demo

http://uxcore.github.io/components/time-picker

Contribute

Yes please! See the CONTRIBUTING for details.

API

Props

| Name | Type | Required | Default | Comments | |---|---|---|---|---| | clearText | String | No | 'clear' | 清除按钮的文字提示 | | disabled | Boolean | No | false | 是否禁用 | | allowEmpty | Boolean | No | true | 允许清空 | | open | Boolean | No | false | 当前下拉展开的状态，受控属性 | | defaultValue | moment | No | null | 默认初始值，非受控属性 | | defaultOpenValue | moment | No | moment() | 默认面板值，用于没有设置 value/defaultValue 时，设置时区、语言 | | value | moment | No | null | 当前值 | | placeholder | String | No | '' | 输入框占位符 | | className | String | No | '' | 触发区域的 className| | id | String | No | '' | 触发区域的 id | | popupClassName | String | No | '' | 面板的 className | | showHour | Boolean | No | true | 是否显示小时 | | showMinute | Boolean | No | true | 是否显示分钟 | | showSecond | Boolean | No | true | 是否显示秒 | | format | String | No | - | moment format | | disabledHours | Function | No | - | 禁用小时回调 | | disabledMinutes | Function | No | - | 禁用分钟回调 | | disabledSeconds | Function | No | - | 禁用秒回调 | | use12Hours | Boolean | No | false | 12 小时显示模式 | | hideDisabledOptions | Boolean | No | false | 是否隐藏被禁用的选项 | | onChange | Function | No | null | 选择不同的值触发 | | addon | Function | No | - | 面板的渲染回调，用于在面板底部渲染一些其他元素，例如确认按钮，接受 panel 实例作为参数，可以使用 panel.close() 来关闭 panel| | placement | String | No | bottomLeft | one of ['left','right','top','bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight'] | | transitionName | String | No | '' | | | name | String | No | - | 设置输入框的 name 属性 | | onOpen | Function({ open }) | No | | 在面板展开时调用 | | onClose | Function({ open }) | No | | 在面板收起时调用 | | hourStep | Number | No | 1 | 小时选项间隔 | | minuteStep | Number | No | 1 | 分钟选项间隔 | | secondStep | Number | No | 1 | 秒选项间隔 | | focusOnOpen | Boolean | No | false | 面板展开时自动聚焦到输入框 | | inputReadOnly | Boolean | No | false | 输入框只读 |