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

---
order: 4
title: 日期时间选择
---

增加选择时间功能，当 `showTime` 为一个对象时，其属性会传递给内建的 `TimePicker`。

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

function onChange(value) {
  console.log('选择了时间：', value);
}

ReactDOM.render(
<DatePicker showTime format="yyyy-MM-dd HH:mm:ss" placeholder="请选择时间" onChange={onChange} />
, mountNode);
````
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
			`order: 4`
			`title: 日期时间选择`
			`---`
code box description change 2015-06-02 17:20:02 +08:00
update demo 2016-04-15 23:54:47 +08:00			增加选择时间功能，当 `showTime` 为一个对象时，其属性会传递给内建的 `TimePicker`。
Time picker 2015-05-29 21:07:46 +08:00
			````jsx
improve rangepicker and add showTime prop 2015-12-25 01:21:03 +08:00			`import { DatePicker } from 'antd';`
Time picker 2015-05-29 21:07:46 +08:00
improve rangepicker and add showTime prop 2015-12-25 01:21:03 +08:00			`function onChange(value) {`
update date and time picker demo 2015-11-26 22:18:14 +08:00			`console.log('选择了时间：', value);`
Add datepicker and timepicer usage demo 2015-11-24 17:25:32 +08:00			`}`

improve rangepicker and add showTime prop 2015-12-25 01:21:03 +08:00			`ReactDOM.render(`
Add default width for showTime DatePicker 2016-03-23 15:58:46 +08:00			`<DatePicker showTime format="yyyy-MM-dd HH:mm:ss" placeholder="请选择时间" onChange={onChange} />`
use mountNode replace the long getElementById 2015-12-29 12:08:58 +08:00			`, mountNode);`
Time picker 2015-05-29 21:07:46 +08:00			````