资源简介
//时间选择就不多说了,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原生实现拖动图标和文件
- 下一篇:通用可视化大屏源码(可编辑可修改)
评论
共有 条评论