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

---
order: 0
title: 
  zh-CN: 基本
  en-US: Basic
---

## zh-CN

最简单的用法。

## en-US  

The most basic usage. 

````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`
docs: translation timepicker (#2491) 2016-07-26 11:03:44 +08:00			`title:`
			`zh-CN: 基本`
			`en-US: Basic`
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
add timepicker component 2015-11-16 23:11:41 +08:00
docs: translation timepicker (#2491) 2016-07-26 11:03:44 +08:00			`## zh-CN`

add timepicker component 2015-11-16 23:11:41 +08:00			`最简单的用法。`

docs: translation timepicker (#2491) 2016-07-26 11:03:44 +08:00			`## en-US`

			`The most basic usage.`

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			````