ant-design/components/timepicker/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} />
, document.getElementById('components-timepicker-demo-basic'));
````
update timepicker 2015-11-18 12:14:26 +08:00			`# 基本`
add timepicker component 2015-11-16 23:11:41 +08:00
			`- order: 0`

			`最简单的用法。`

			`---`

			````jsx
update less file and use variables; rename TimePicker to Timepicker 2015-11-17 18:11:46 +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(`
Fix short format timepicker 2015-12-08 21:23:07 +08:00			`<Timepicker onChange={onChange} />`
add timepicker component 2015-11-16 23:11:41 +08:00			`, document.getElementById('components-timepicker-demo-basic'));`
			````