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

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

## zh-CN

最简单的用法。

## en-US

The most basic usage.

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

function onChange(value, dateString) {
  console.log(value, dateString);
}

ReactDOM.render(<DatePicker onChange={onChange} />, mountNode);
````
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
			`order: 0`
docs: translation-DatePicker (#1932) 2016-06-19 11:17:09 +08:00			`title:`
			`zh-CN: 基本`
			`en-US: Basic`
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
Datepicker => DatePicker, Timepicker => TimePicker 2015-12-10 16:12:10 +08:00
docs: translation-DatePicker (#1932) 2016-06-19 11:17:09 +08:00			`## zh-CN`

Datepicker => DatePicker, Timepicker => TimePicker 2015-12-10 16:12:10 +08:00			`最简单的用法。`

docs: translation-DatePicker (#1932) 2016-06-19 11:17:09 +08:00			`## en-US`

			`The most basic usage.`

Datepicker => DatePicker, Timepicker => TimePicker 2015-12-10 16:12:10 +08:00			````jsx
			`import { DatePicker } from 'antd';`

Add dateString to DatePicker & TimePicker onChange close #1104 2016-03-28 12:18:30 +08:00			`function onChange(value, dateString) {`
			`console.log(value, dateString);`
improve rangepicker and add showTime prop 2015-12-25 01:21:03 +08:00			`}`

use mountNode replace the long getElementById 2015-12-29 12:08:58 +08:00			`ReactDOM.render(<DatePicker onChange={onChange} />, mountNode);`
Datepicker => DatePicker, Timepicker => TimePicker 2015-12-10 16:12:10 +08:00			````