資源簡介
//時間選擇就不多說了,mui框架自帶,重點是城市
var start_time_picker = new mui.DtPicker({"type":"date","beginYear":1960,"endYear":2020});
$("#useData").on("tap", function(){
setTimeout(function(){
start_time_picker.show(function(items){
$("#useData_id").val(items.text);
$("#useData").html(items.text);
});
},200);
});
//選擇省市區
var city_picker = new mui.PopPicker({layer:3});
city_picker.setData(init_city_picker);
$("#city_text").on("tap", function(){
setTimeout(function(){
city_picker.show(function(items){
$("#city_id").val((items[0] || {}).value "," (items[1] || {}).value "," (items[2] || {}).value);//該ID為接收城市ID字段
$("#city_text").html((items[0] || {}).text " " (items[1] || {}).text " " (items[2] || {}).text);
});
},200);
});
//選擇省市
var city_picker1 = new mui.PopPicker({layer:2});
city_picker1.setData(init_city_picker);
$("#city_text1").on("tap", function(){
setTimeout(function(){
city_picker1.show(function(items){
$("#city_id1").val((items[0] || {}).value "," (items[1] || {}).value);
$("#city_text1").html((items[0] || {}).text " " (items[1] || {}).text);
});
},200);
});
//選擇省
var city_picker2 = new mui.PopPicker({layer:1});
city_picker2.setData(init_city_picker);
$("#city_text2").on("tap", function(){
setTimeout(function(){
city_picker2.show(function(items){
$("#city_id2").val((items[0] || {}).value);
$("#city_text2").html((items[0] || {}).text);
});
},200);
});
var start_time_picker = new mui.DtPicker({"type":"date","beginYear":1960,"endYear":2020});
$("#useData").on("tap", function(){
setTimeout(function(){
start_time_picker.show(function(items){
$("#useData_id").val(items.text);
$("#useData").html(items.text);
});
},200);
});
//選擇省市區
var city_picker = new mui.PopPicker({layer:3});
city_picker.setData(init_city_picker);
$("#city_text").on("tap", function(){
setTimeout(function(){
city_picker.show(function(items){
$("#city_id").val((items[0] || {}).value "," (items[1] || {}).value "," (items[2] || {}).value);//該ID為接收城市ID字段
$("#city_text").html((items[0] || {}).text " " (items[1] || {}).text " " (items[2] || {}).text);
});
},200);
});
//選擇省市
var city_picker1 = new mui.PopPicker({layer:2});
city_picker1.setData(init_city_picker);
$("#city_text1").on("tap", function(){
setTimeout(function(){
city_picker1.show(function(items){
$("#city_id1").val((items[0] || {}).value "," (items[1] || {}).value);
$("#city_text1").html((items[0] || {}).text " " (items[1] || {}).text);
});
},200);
});
//選擇省
var city_picker2 = new mui.PopPicker({layer:1});
city_picker2.setData(init_city_picker);
$("#city_text2").on("tap", function(){
setTimeout(function(){
city_picker2.show(function(items){
$("#city_id2").val((items[0] || {}).value);
$("#city_text2").html((items[0] || {}).text);
});
},200);
});
代碼片段和文件信息
?屬性????????????大小?????日期????時間???名稱
-----------?---------??----------?-----??----
?????文件???????2581??2018-03-07?11:01??基于muiH5城市選擇器\demo.html
?????文件??????75443??2016-11-01?11:01??基于muiH5城市選擇器\js\data\FJL.css
?????文件?????115810??2016-11-01?11:12??基于muiH5城市選擇器\js\data\FJL.min.js
?????文件??????11889??2016-11-01?11:07??基于muiH5城市選擇器\js\data\FJL.picker.min.js
?????文件?????185728??2016-08-10?15:44??基于muiH5城市選擇器\js\data.city.js
?????文件??????55104??2017-01-02?23:12??基于muiH5城市選擇器\js\iscroll.js
?????文件??????55633??2017-03-27?14:43??基于muiH5城市選擇器\js\jquery.area.js
?????文件??????97163??2016-08-10?15:44??基于muiH5城市選擇器\js\jquery.min.js
?????文件?????115810??2016-08-16?03:15??基于muiH5城市選擇器\js\mui.min.js
?????文件??????18393??2016-08-16?03:15??基于muiH5城市選擇器\js\mui.picker.min.js
?????文件????????847??2017-03-24?17:16??基于muiH5城市選擇器\js\reSize.js
?????文件???????6418??2017-03-30?17:12??基于muiH5城市選擇器\js\teamBm.js
?????文件??????75443??2016-11-01?11:01??基于muiH5城市選擇器\mui.css
?????文件???????4843??2016-11-01?11:01??基于muiH5城市選擇器\mui.picker.css
?????目錄??????????0??2017-03-30?17:35??基于muiH5城市選擇器\js\data
?????目錄??????????0??2017-03-30?17:21??基于muiH5城市選擇器\js
?????目錄??????????0??2018-03-07?10:59??基于muiH5城市選擇器
-----------?---------??----------?-----??----
???????????????821105????????????????????17
-----------?---------??----------?-----??----
?????文件???????2581??2018-03-07?11:01??基于muiH5城市選擇器\demo.html
?????文件??????75443??2016-11-01?11:01??基于muiH5城市選擇器\js\data\FJL.css
?????文件?????115810??2016-11-01?11:12??基于muiH5城市選擇器\js\data\FJL.min.js
?????文件??????11889??2016-11-01?11:07??基于muiH5城市選擇器\js\data\FJL.picker.min.js
?????文件?????185728??2016-08-10?15:44??基于muiH5城市選擇器\js\data.city.js
?????文件??????55104??2017-01-02?23:12??基于muiH5城市選擇器\js\iscroll.js
?????文件??????55633??2017-03-27?14:43??基于muiH5城市選擇器\js\jquery.area.js
?????文件??????97163??2016-08-10?15:44??基于muiH5城市選擇器\js\jquery.min.js
?????文件?????115810??2016-08-16?03:15??基于muiH5城市選擇器\js\mui.min.js
?????文件??????18393??2016-08-16?03:15??基于muiH5城市選擇器\js\mui.picker.min.js
?????文件????????847??2017-03-24?17:16??基于muiH5城市選擇器\js\reSize.js
?????文件???????6418??2017-03-30?17:12??基于muiH5城市選擇器\js\teamBm.js
?????文件??????75443??2016-11-01?11:01??基于muiH5城市選擇器\mui.css
?????文件???????4843??2016-11-01?11:01??基于muiH5城市選擇器\mui.picker.css
?????目錄??????????0??2017-03-30?17:35??基于muiH5城市選擇器\js\data
?????目錄??????????0??2017-03-30?17:21??基于muiH5城市選擇器\js
?????目錄??????????0??2018-03-07?10:59??基于muiH5城市選擇器
-----------?---------??----------?-----??----
???????????????821105????????????????????17
- 上一篇:h5原生實現拖動圖標和文件
- 下一篇:通用可視化大屏源碼(可編輯可修改)
評論
共有 條評論