H5万能选择器：iosselect

iosselect是个什么东西？

 移动端浏览器对于select的展现样式是不一致的，ios下是相似原生的picker，安卓下各浏览器展现各异，咱们须要一个选择器组件来统一各端下各类浏览器的展现。下面是它的一个截图：

iosselect 项目地址：

文档和demo能够访问github:https://github.com/zhoushengmufc/iosselect

 

iosselect能作什么？

移动端开发中，常常遇到选择器功能，常见的时间选择，日期选择，地区选择，单列选择。iosselect完美实现一个组件实现各类选择器的功能。

先看demo:

 一级级联，银行选择

http://zhoushengfe.com/iosselect/demo/one/bank.html

二级级联，三国杀将领组合选

http://zhoushengfe.com/iosselect/demo/two/sanguokill.html

三级级联，省市区选择

http://zhoushengfe.com/iosselect/demo/three/area.html

viewport缩放时处理方案

http://zhoushengfe.com/iosselect/demo/rem/bank.html

日期选择器 三级联动，经过方法获取数据，而且有加载中效果

http://zhoushengfe.com/iosselect/demo/datepicker/date.html

日期时间选择器，共五级，经过方法获取数据

http://zhoushengfe.com/iosselect/demo/five/time.html

iosselect的优点

    iosselect接口丰富，适用于多类场景

    能够定制依赖关系，规定各层级之间是否有关联。

    能够定制选择层级，支持1-5层选择。

    能够定制各项高度，能够规定展现项数，默认展现7项。

    移动端rem应用广泛，不管你是px仍是rem，使用iosselect都彻底不是问题。

    能够提供静态数据，也能够使用方法获取数据，支持同步方法和异步方法。

    iosselect基于iscroll5开发，除此外无任何依赖，因此不管你是react仍是angular仍是vue仍是zepto jquey都不是问题。