在基於layui進行移動端定製開發的時候，有乙個收貨位址模組需要設計，參考眾多，選擇了京東的位址選擇器基於layui進行仿照。由於資料統一採用伺服器維護，所以資料這裡不詳細介紹。實現看下我們需要實現的效果
效果圖
結構圖看到這裡使用過layui的同學應該知道怎麼做了。下面那層可以採用layui渲染模板，也可以採用html動態插入，這裡選擇的是動態插入，接下來的就可以自己去想。我提供的只是一種方案。
tab選項卡
/*如果使用layui的話，使用前記得先引入element模組。頭部選項卡*/
所在地區
for (var i1 = 0; i1 < wjaddressjsondata.length; i1++) else }}
layui 樹型選擇器
表中必須要有id,和pid,其中pid是父親節點，存在值為0，就是根，其他欄位都可以隨意。前端頁面上 text name href id tree cat lay verify required lay filter tree value lay reqtext 選擇框的預設提示內容 class l...
layui時間選擇器的使用
時間選擇器在一定程度上簡化了日期的輸入，而layui作為一款備受歡迎的前端框架，時間選擇器主要以 年選擇器 年月選擇器 日期選擇器 時間選擇器 日期時間選擇器 五種型別的選擇方式為基本核心，並且均支援範圍選擇 即雙控制項 主題簡約卻又不失靈活多樣。接下來就介紹一下日期和時間元件的簡單用法。這是最原始...
Layui實現日期選擇器限定
試跑日期 時間片 天 周月季度 選擇時間片後進行改變時間限定,主要區分季度和當月，原因時資料庫根據月份資料分表，需要根據月份查不同的表。layui的時間選擇器使用方法可以看看官方文件。layui.use laydate jquery form admin function endtime.confi...