# picker
滚动选择器,支持四种选择器,普通选择器,日期选择器,时间选择器。
# 子组件
不支持
# 属性
支持通用属性
普通选择器
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
type | text | - | 是 | 不支持动态修改 |
range | <array> | - | 否 | 选择器的取值范围 |
selected | <string> | 0 | 否 | 选择器的默认取值,取值为 range 的索引 |
日期选择器
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
type | date | - | 是 | 不支持动态修改 |
start | <time> | 1970-1-1 | 否 | 起始时间,格式为 yyyy-MM-dd |
end | <time> | 2100-12-31 | 否 | 结束时间,格式为 yyyy-MM-dd |
selected | <string> | 当前时间 | 否 | 选择器的默认取值,格式为 yyyy-MM-dd |
时间选择器
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
type | time | - | 是 | 不支持动态修改 |
selected | <string> | 当前时间 | 否 | 选择器的默认取值,格式为 hh:mm |
# 样式
支持通用样式
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
font-size | <length> | 40px | 否 | 未选中项文本尺寸 |
selected-font-size | <length> | 56px | 否 | 选中项文本尺寸 |
color | <color> | #ffffffff | 否 | 未选中项文本颜色 |
selected-color | <color> | #ffffffff | 否 | 选中项文本颜色 |
selected-background-color | <color> | #ff415fff | 否 | 选中项背景颜色 |
# 事件
不支持 click 事件,支持通用事件
普通选择器
名称 | 参数 | 描述 |
---|---|---|
change | {newValue:newValue, newSelected:newSelected} | 滚动选择器选择值后触发(newSelected 为索引) |
日期选择器
名称 | 参数 | 描述 |
---|---|---|
change | {year:year, month:month, day:day} | 滚动选择器选择值后触发 |
时间选择器
名称 | 参数 | 描述 |
---|---|---|
change | {hour:hour, minute:minute} | 滚动选择器选择值后触发 |
picker组件
滚动选择器,支持四种选择器,普通选择器,日期选择器,时间选择器,弧形选择器。
日期选择器
```html
```
复制代码
设计尺寸:750X750
普通选择器
```html
```
复制代码
设计尺寸:750X750
时间选择器
```html
```
复制代码
设计尺寸:750X750
←
→