picker

概述

滚动选择器,目前支持四种选择器,普通选择器,日期选择器,时间选择器,多列文本选择器1010+。默认为普通选择器。

子组件

不支持

属性

支持通用属性

普通选择器

名称类型默认值必填描述
typetext-不支持动态修改
range<array>-选择器的取值范围
selected<string>0选择器的默认取值,取值为 range 的索引
value<string>-选择器的值

日期选择器

名称类型默认值必填描述
typedate-不支持动态修改
start<time>1970-1-1起始时间,格式为 yyyy-MM-dd
end<time>2100-12-31结束时间,格式为 yyyy-MM-dd
selected<string>当前时间选择器的默认取值,格式为 yyyy-MM-dd
value<string>-选择器的值

时间选择器

名称类型默认值必填描述
typetime-不支持动态修改
selected<string>当前时间选择器的默认取值,格式为 hh:mm
value<string>-选择器的值

多列文本选择器 1010+

名称类型默认值必填描述
typemulti-text-不支持动态修改
range<二维array>-range 为二维数组。长度表示多少列,数组的每项表示每列的数据,如 [["a","b"], ["c","d"]]
selected<array>[0,0,0,…]每一列被选中项对应的索引构成的数组
value<array>-每一列被选中项对应的值构成的数组

样式

支持通用样式

事件

不支持 click 事件,支持通用事件

普通选择器

名称参数描述
change{newValue:newValue, newSelected:newSelected}滚动选择器选择值后确定时触发(newSelected 为索引)
cancel用户取消

日期选择器

名称参数描述
change{year:year, month:month, day:day}滚动选择器选择值后确定时触发
cancel用户取消

时间选择器

名称参数描述
change{hour:hour, minute:minute}滚动选择器选择值后确定时触发
cancel用户取消

多列文本选择器 1010+

名称参数描述
change{newValue:[newValue1, newValue2, newValue3, …], newSelected:[newSelected1, newSelected2, newSelected3, …]}滚动选择器选择值后确定时触发(newValue 为被选中项对应的值构成的数组,newSelected 为被选中项对应的索引构成的数组,两者的长度和 range 的长度一致)
columnchange{column:column, newValue:newValue, newSelected:newSelected}某一列的值改变时触发,colume:第几列修改,newValue:选中的值,newSelected:选中值对应的索引
cancel用户取消

方法

名称参数描述
show-显示 picker

picker 示例代码

查看示例代码1 查看示例代码2