picker

高仿IOS的PickerView的JavaScript插件,3D形式的滚轮选择器,同时支持最多三级联动的选择效果,支持pc端和移动端两种平台浏览器。

简单的选择器:

可以设置简单的选择器,高仿IOS的PickerView控件,3D形式的滚轮选择器。

带前缀与后缀的选择器:

可以让选择器的滚轮左右两边设置固定的显示值,实现对选择器增加统一的单位、称呼、序列的文案。

多滚轮的选择器:

支持多个滚轮同时选择,并且每个滚轮都是3d的,而且还有水平方向的透视效果。建议滚轮最多只能设置3个,否则可能会出现显示异常

设置默认值及动态设置:

通过api可以设置默认值,并且可以通过api代替用户选择所选值。如下边的例子,两个picker通过相互调用api,给对方设置值,让两个选择器值保存同步。

2 2

动态设置选择器的可选值

通过api可以动态修改可选值。下边的例子中,每选择一次,都会修改可选值列表。

label和value的选择器

picker不但可以选择字符串数组,还支持选择json,不过必须要提供json的属性中的label和value的key。

级联选择器

通过api修改可选值,可以实现级联选择的功能。

构建简单的日期选择器

基于picker控件,可以进一步封装出更多选择器控件。这里是一个日期选择控件的例子,代码实现仅做参考。