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 9 years ago			`---`
			`order: 4`
			`title: 日期时间选择`
			`---`
code box description change 10 years ago
update demo 9 years ago			增加选择时间功能，当 `showTime` 为一个对象时，其属性会传递给内建的 `TimePicker`。
Time picker 10 years ago
			````jsx
improve rangepicker and add showTime prop 9 years ago			`import { DatePicker } from 'antd';`
Time picker 10 years ago
improve rangepicker and add showTime prop 9 years ago			`function onChange(value) {`
update date and time picker demo 9 years ago			`console.log('选择了时间：', value);`
Add datepicker and timepicer usage demo 9 years ago			`}`

improve rangepicker and add showTime prop 9 years ago			`ReactDOM.render(`
upgrade eslint-config-airbnb version and fix some problems 9 years ago			`<DatePicker showTime format="yyyy-MM-dd HH:mm:ss" placeholder="请选择时间" onChange={onChange} />`
use mountNode replace the long getElementById 9 years ago			`, mountNode);`
Time picker 10 years ago			````