我的书签
添加书签
移除书签DatePicker 日期选择器
用于选择或输入日期
选择日
以「日」为基本单位，基础的日期选择控件
其他日期单位
通过扩展基础的日期选择，可以选择周、月、年
选择日期范围
可在一个选择器中便捷地选择一个时间范围
公共参数
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| placeholder | 占位内容 | string | — | — |
| format | 时间日期格式化 | string | 年 yyyy，月 MM，日 dd，小时 HH，分 mm，秒 ss | yyyy-MM-dd |
| align | 对齐方式 | string | left, center, right | left |
| isShowTrigger | 是否显示图标 | boolean | - | true |
| isReadOnly | 是否是只读 | boolean | - | false |
| isDisabled | 是否是禁用 | boolean | - | false |
| isShowTime | 是否显示时间 | boolean | - | false |
| firstDayOfWeek | 周起始日 | Number | 0 到 6 | 0 |
| onFocus | focus 事件触发 | (SyntheticEvent)=>() | - | - |
| onBlur | blur 事件触发 | (SyntheticEvent)=>() | - | - |
DatePicker
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| value | - | Date/null | — | - |
| shortcuts | 快捷选项 | {text: string, onClick: ()=>()}[] | - | - |
| selectionMode | 日期类型 | string, one of ['year', 'month', 'week', 'day'] | - | 'day' |
| disabledDate | 是否禁用日期 | (Date, selectionMode)=>boolean | - | - |
| showWeekNumber | 是否展示周数 | boolean | - | false |
DateRangePanel
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| value | - | Date[]/null | — | - |
| shortcuts | 快捷选项 | {text: string, onClick: ()=>()}[] | - | - |
| showWeekNumber | 是否展示周数 | boolean | - | false |
| rangeSeparator | 选择范围时的分隔符 | string | - | ' - ' |
