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都不是問題。