change timepicker options to rctimepicker options

This commit is contained in:
qubaoming 2016-04-14 15:42:03 +08:00
parent a674657287
commit 6b3a97b902
2 changed files with 11 additions and 1 deletions

View File

@ -13,6 +13,6 @@ function onChange(value) {
} }
ReactDOM.render( ReactDOM.render(
<DatePicker showTime format="yyyy-MM-dd HH:mm:ss" placeholder="请选择时间" onChange={onChange} /> <DatePicker showTime={{format:'HH:mm'}} format="yyyy-MM-dd HH:mm:ss" placeholder="请选择时间" onChange={onChange} />
, mountNode); , mountNode);
```` ````

View File

@ -95,6 +95,12 @@ export default function wrapPicker(Picker, defaultFormat) {
const locale = this.getLocale(); const locale = this.getLocale();
const timeFormat = props.showTime && props.showTime.format;
const rcTimePickerProps = {
formatter: new DateTimeFormat(timeFormat || 'HH:mm:ss'),
showSecond: timeFormat && timeFormat.indexOf('ss') >= 0,
showHour: timeFormat && timeFormat.indexOf('HH') >= 0
};
const timePicker = props.showTime ? ( const timePicker = props.showTime ? (
<TimePicker <TimePicker
prefixCls="ant-time-picker" prefixCls="ant-time-picker"
@ -102,9 +108,13 @@ export default function wrapPicker(Picker, defaultFormat) {
locale={locale.timePickerLocale} locale={locale.timePickerLocale}
transitionName="slide-up" transitionName="slide-up"
{...props.showTime} {...props.showTime}
{...rcTimePickerProps}
/> />
) : null; ) : null;
console.log(timePicker)
console.log('....')
return ( return (
<Picker <Picker
{...this.props} {...this.props}