ant-design/components/date-picker/index.md
2016-04-14 12:32:25 +08:00

3.8 KiB
Raw Blame History

category chinese type english
Components 日期选择框 表单 DatePicker

输入或选择日期的控件。

何时使用

当用户需要输入一个日期,可以点击标准输入框,弹出日期面板进行选择。

API

DatePicker

<DatePicker defaultValue="2015-01-01" />

注意:0.11+Datepicker 改名为 DatePicker

参数 说明 类型 默认值
value 日期 string or Date
defaultValue 默认日期 string or Date
format 展示的日期格式,配置参考 GregorianCalendarFormat string "yyyy-MM-dd"
disabledDate 不可选择的日期 function
onChange 时间发生变化的回调,发生在用户选择时间时 function(date, dateString)
disabled 禁用 bool false
style 自定义输入框样式 object {}
popupStyle 格外的弹出日历样式 object {}
size 输入框大小,large 高度为 32pxsmall 为 22px默认是 28px string
locale 国际化配置 object 默认配置
onOk 点击确定按钮的回调 function(Date value)
getCalendarContainer 定义浮层的容器,默认为 body 上新建 div function(trigger)
showTime 增加时间选择功能 bool false
timeFormat 时间选择功能的时间格式 string "HH:mm:ss"、"HH:mm"、"mm:ss"
timeHideDisabledOptions 隐藏禁止选择的选项 boolean false
timeDisabled 禁用全部操作 bool false
timeDisabledHours 禁止时间选择小时选项 function()
timeDisabledMinutes 禁止选时间选择分钟选项 function(selectedHour)

MonthPicker

参数 说明 类型 默认值
value 日期 string or Date
defaultValue 默认日期 string or Date
format 展示的日期格式,配置参考 GregorianCalendarFormat string "yyyy-MM"
onChange 时间发生变化的回调,发生在用户选择时间时 function(Date value)
disabled 禁用 bool false
style 自定义输入框样式 object {}
popupStyle 格外的弹出日历样式 object {}
size 输入框大小,large 高度为 32pxsmall 为 22px默认是 28px string
locale 国际化配置 object 默认配置
getCalendarContainer 定义浮层的容器,默认为 body 上新建 div function(trigger)

RangePicker

参数 说明 类型 默认值
value 日期 [string/Date, string/Date]
defaultValue 默认日期 [string/Date, string/Date]
format 展示的日期格式 string "yyyy-MM-dd HH:mm:ss"
onChange 时间发生变化的回调,发生在用户选择时间时 function(date[], dateString[])

disabled style popupStyle size locale showTime onOk getCalendarContainer 属性与 DatePicker 的一致。