ant-design/components/time-picker/demo/basic.md

---
order: 0
title: 基本
---

最简单的用法。

````jsx
import { TimePicker } from 'antd';

function onChange(time, timeString) {
  console.log(time, timeString);
}

ReactDOM.render(
  <TimePicker onChange={onChange} />
, mountNode);
````
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
			`order: 0`
			`title: 基本`
			`---`
add timepicker component 2015-11-16 23:11:41 +08:00
			`最简单的用法。`

			````jsx
Datepicker => DatePicker, Timepicker => TimePicker 2015-12-10 16:12:10 +08:00			`import { TimePicker } from 'antd';`
add timepicker component 2015-11-16 23:11:41 +08:00
Add dateString to DatePicker & TimePicker onChange close #1104 2016-03-28 12:18:30 +08:00			`function onChange(time, timeString) {`
			`console.log(time, timeString);`
return original date value in onChange 2015-11-19 15:53:40 +08:00			`}`

add timepicker component 2015-11-16 23:11:41 +08:00			`ReactDOM.render(`
Datepicker => DatePicker, Timepicker => TimePicker 2015-12-10 16:12:10 +08:00			`<TimePicker onChange={onChange} />`
use mountNode replace the long getElementById 2015-12-29 12:08:58 +08:00			`, mountNode);`
add timepicker component 2015-11-16 23:11:41 +08:00			````