ant-design/components/time-picker/index.en-US.md
偏右 9a0b9adc1e feat: 12 hours time picker (#5434)
* TimePicker support 12 hours format, close #4063

* Add new demo snapshot
2017-03-22 17:53:37 +08:00

1.8 KiB

category type title
Components Data Entry TimePicker

To select/input a time.

When To Use


By clicking the input box, you can select a time from a popup panel.

API


import moment from 'moment';
<TimePicker defaultValue={moment('13:30:56', 'HH:mm:ss')} />

Note: TimePicker is renamed to TimePicker after 0.11.

Property Description Type Default
defaultValue to set default time moment -
value to set time moment -
placeholder display when there's no value string "Select a time"
onChange a callback function, can be executed when the selected time is changing function(time: moment, timeString: string): void -
format to set the time format string "HH:mm:ss"
disabled determine whether the TimePicker is disabled boolean false
disabledHours to specify the hours that cannot be selected function() -
disabledMinutes to specify the minutes that cannot be selected function(selectedHour) -
disabledSeconds to specify the seconds that cannot be selected function(selectedHour, selectedMinute) -
hideDisabledOptions hide the options that can not be selected boolean false
getPopupContainer to set the container of the floating layer, while the default is to create a div element in body function(trigger) -
addon called from timepicker panel to render some addon to its bottom function -
use12Hours display as 12 hours format, with default format h:mm:ss a boolean false