H5萬能選取器：iosselect

標籤：預設   適用於   關聯   blank   應用   https   三國   targe   通過   

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

H5萬能選取器：iosselect