--- order: 13 debug: true title: zh-CN: 后缀图标 en-US: Suffix --- ## zh-CN 最简单的用法,在浮层中可以选择或者输入日期。 ## en-US Basic use case. Users can select or input a date in panel. ```jsx import { DatePicker, Icon } from 'antd'; const smileIcon = ; const { MonthPicker, RangePicker, WeekPicker } = DatePicker; function onChange(date, dateString) { console.log(date, dateString); } ReactDOM.render(