DatePicker 日期选择器
日期选择器,支持单日期、日期范围、月份与日期时间四种类型,键盘可操作,Intl.DateTimeFormat 格式化。
基础选择
基础用法(type=date)
点击输入框展开日期面板,点击日期选中并关闭。
日期范围
日期范围(type=daterange)
双月网格,先选起点再选终点,提交 JSON 数组 ["start","end"];悬停可预览区间。
月份选择
月份(type=month)
日期时间
日期时间(type=datetime)
选择日期与时分秒后点击「确定」提交。
禁用范围
min / max 限制
越界日期不可选。
自定义格式
format 自定义
format 支持 yyyy/MM/dd/HH/mm/ss token。
受控与事件
受控 + oas-change 事件
禁用
禁用(disabled)
API
属性
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
disabled | 禁用 | boolean | — |
format | 展示格式 token(yyyy/MM/dd/HH/mm/ss) | string | — |
max | 可选范围(ISO 日期) | string | — |
min | 可选范围(ISO 日期) | string | — |
placeholder | 占位提示 | — | — |
type | 类型:date / daterange / month / datetime | string | date |
value | 当前值:yyyy-MM-dd / yyyy-MM / yyyy-MM-ddTHH:mm:ss / JSON 范围数组 | string | — |
事件
| 事件 | 说明 |
|---|---|
oas-change | 值变化,detail: { value }(daterange 为字符串数组) |
键盘:Enter / ↓ 展开,↑/↓/←/→ 在网格内移动,Enter 选中,Esc 关闭。