xa-time-picker v0.0.1

xa-time-picker

时间选择组件,使用方式与 ANTD 一致:

 //受控组件: 
<TimePicker value={this.state.value} onChange={this.onChange} defaultOpenValue={moment('12:24:48', 'HH:mm:ss')} /> 
 //禁用组件: 
<TimePicker defaultValue={moment('12:08:23', 'HH:mm:ss')} disabled />         
 //选择时分: 
<TimePicker defaultValue={moment('12:08', 'HH:mm')} format={'HH:mm'} />         
 //选择步长: 
<TimePicker minuteStep={15} secondStep={10} />         
 //附加组件: 
<TimePicker open={this.state.open}
    onOpenChange={this.handleOpenChange}
    addon={() => (<button onClick={this.handleClose}>关闭</button>)}
    />
 //十二小时: 
<TimePicker use12Hours />
//禁用部分时分秒:
<TimePicker disabledHours={() => [0, 1, 2, 3]}
    disabledMinutes={(selectedHour) => selectedHour === 4 ? [0, 1, 2, 3] : []}
    />