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

# 基本

-	order: 0

最简单的用法。

---

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

function onChange(time) {
  if (time) {
    console.log(time.toLocaleTimeString('zh-CN', { hour12: false }));
  }
}

ReactDOM.render(
  <TimePicker onChange={onChange} />
, mountNode);
````
update timepicker 2015-11-18 12:14:26 +08:00			`# 基本`
add timepicker component 2015-11-16 23:11:41 +08:00
			`- order: 0`

			`最简单的用法。`

			`---`

			````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
return original date value in onChange 2015-11-19 15:53:40 +08:00			`function onChange(time) {`
update date and time picker demo 2015-11-26 22:18:14 +08:00			`if (time) {`
upgrade rc-time-picker ref #578 2015-12-08 14:55:28 +08:00			`console.log(time.toLocaleTimeString('zh-CN', { hour12: false }));`
update date and time picker demo 2015-11-26 22:18:14 +08:00			`}`
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			````