display: Date Picker family: Form
DatePicker
用于选择日期或者时间
API
Props
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| type | 类型 可选值： date, time, dateime, year, month
|
enum | date |
| maxDate | 最大时间 | Date; | |
| maxDate | 可选的最大日期 | Date | new Date(new Date().getFullYear() + 20, 11, 31, 23, 59, 59, 999) |
| minDate | 可选的最小日期 | Date | new Date(2000, 0, 1, 0, 0, 0, 0) |
| use12Hours | 是否使用 12 小时制 | bool | false |
| selectSecond | 是否可以选择秒 | bool | false |
| format | 时间格式化显示, 格式化函数基于 dayjs 实现 |
string/func | getDefaultFormat |
| label | 选择框文本 | node | |
| labelWidth | label 宽度 | string | auto |
| actionIcon | 选择框右侧的图标 | node | 'dropdown-down' |
| value | 选择框的值（受控） | Date | |
| defaultValue | 选择框的值（非受控） | Date | |
| disabled | 是否被禁用 | bool | false |
| solo | 是否只显示选择框内容（不包含 label 和 errorText 、HelpText） | bool | false |
| outline | 是否显示边框 | bool | false |
| placeholder | 选择框的提示文案 | string | |
| helpText | 选择框底部的帮助文案 | node | |
| errorText | 选择框底部的错误文案（设置此项后，选择框变为 error 状态，helpText 无效） |
node | |
| align | 选择框内容对齐方向 可选值： left，center，right
|
enum | left |
| prepend | 选择框的前置内容 | node | |
| append | 选择框的后置内容 | node | |
| clear | 是否可以被清除 | bool | false |
| title | 选择器的标题文案 | string | |
| renderSelection | 渲染已选择的内容 | (value: any, valueLabel: any) => RaxNode | |
| onChange | 选择之后的回调 | (value: Date): void | |
| onFocus | focus 事件的回调 | ():void | |
| onBlur | blur 事件的回调 | ():void | |
| onShow | 选择器打开时的回调 | ():void | |
| onHide | 选择器关闭时的回调 | ():void |
CSS API
Select CSS