精华内容
下载资源
问答
  • citypicker

    2020-12-08 18:03:03
    <a href="https://github.com/evgenyneu/Cosmos/files/1851256/CityPicker-master.zip">CityPicker-master.zip</a></p> </li><li> <p>OS version. Example: iOS 11.2.0. </li></ul>该提问来源于开源项目:...
  • CityPicker

    2021-01-07 07:21:09
    <div><p><strong>BUG</strong></p> <p><strong>出现picker如果不做任何滚动,点击OK选择结果为空</strong></...<p><strong>应该是第一个城市</strong></p>该提问来源于开源项目:weui/react-weui</p></div>
  • CityPicker 城市选择器 在实际的项目中一般情况下都需要使用到省市区三级联动地址选择的功能,有的公司是提供接口获取,有的公司则不是,需要自己实现。一开始,我也深受其扰,每次都是要复制一遍,就想能不能打个...
  • 在manifest.xml中给使用CityPicker 的activity添加主题android:theme="@style/DefaultCityPickerTheme" <activity android:name=".MainActivity" android:theme="@style/DefaultCityPickerTheme"> ...... <...
  • CityPicker城市选择器

    2018-10-08 18:04:01
    CityPicker城市选择器
  • Framework7-CityPicker CityPicker 是使用 Framework7 的 Picker 组件制作的移动端城市级联选择器,其中 Picker 组件可以媲美 iOS 原生选择器。 在 data 文件夹中有中国所有省市的原始数据文件,以及通过原始数据...
  • CityPicker初始化

    2020-12-25 21:02:34
    <div><p>CityPicker默认无法显示ngModel绑定值对应的lable,显示后也没有默认选中ngModel绑定值。 ngModel绑定值、data数据值我写死了都没有默认选中的效果。</p><p>该提问来源于开源项目:cipchk/ngx-...
  • 参照、修改citypicker做四级联动,数据异步获取,动态赋值
  • 完整的citypicker和datepicker插件,原生的citypicker港澳台城市数据有缺失,一般无法满足需求,而原生的datepicker日期选择是英文版,一般国内网站日期选择都需要中文版
  • Layui 使用 TinyMCE 富文本编辑器Layui 使用 citypicker 省市区级联选择地址1.进入 Layui 第三方组件平台下载该拓展组件2.写一个测试 Demo3.结果查看及补充4.效果演示5.源码地址 Layui 使用 citypicker 省市区级联...
  • CityPicker的使用

    2019-11-16 07:44:19
    选择了多款地址选择器,操作过于繁琐,而且找不到方法,使用CityPicker解决,使用方法如下: 1.在AndroidManifest.xml中添加(否则会报错): tools:replace="android:theme" 2.在Build.gradle(Module app)中...

    选择了多款地址选择器,操作过于繁琐,而且找不到方法,使用CityPicker解决,使用方法如下:

    1.在AndroidManifest.xml中添加(否则会报错):

    tools:replace="android:theme"

    2.在Build.gradle(Module app)中添加:

    implementation 'liji.library.dev:citypickerview:5.1.0'

    3.声明变量:

    //城市选择器
    private CityPickerView mPicker = new CityPickerView();

    4.在onCreate方法中添加:

    //请务必进行初始化
    mPicker.init(this); 

    5.在监听器实现弹出选择器:

    //添加默认的配置,可以自己修改
                            CityConfig cityConfig = new CityConfig.Builder()
                                    //设置默认显示省份
                                    .province("陕西") 
                                    .build();
                            mPicker.setConfig(cityConfig);
                            //监听选择点击事件及返回结果
                            mPicker.setOnCityItemClickListener(new OnCityItemClickListener() {
                                @Override
                                public void onSelected(ProvinceBean province, CityBean city, DistrictBean district) {
                                    //省份
                                    if (province != null && city != null && district != null) {
                                        SystermUtils.showTip(ConsignorIdentifyActivity.this,province.toString()+"  "+city.toString()+"  "+district.toString());
                                    }
                                }
    
                                @Override
                                public void onCancel() {
                                    SystermUtils.showTip(ConsignorIdentifyActivity.this, "已取消");
                                }
                            });
                            //显示
                            mPicker.showCityPicker( );

    6.参考文献:

    https://blog.csdn.net/qq_34915398/article/details/82558627

    https://github.com/crazyandcoder/citypicker

    展开全文
  • 基于citypicker四级联动菜单代码是一款四级联动菜单选择器,数据异步获取,动态赋值。适用于配送地址收货地址城市选择代码。
  • jQuery省市区镇四级联动插件citypicker.js
  • citypicker省市区动态加载,选择省后,市和区可动态加载,选择市后,区可动态加载,加载过的数据则不会再加载
  • 基于citypicker四级联动菜单选择代码
  • CityPicker仿美团等选择城市列表
  • citypicker简单使用

    千次阅读 2018-04-16 16:01:54
    先是html代码 需要引入以下四个文件 &lt;script type="text/javascript" src="../js/jquery.js"&...../js/citypicker/js/city-picker.data.js"&gt;&lt;

    先是html代码
    需要引入以下四个文件

    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/citypicker/js/city-picker.data.js"></script>
    <script type="text/javascript" src="../js/citypicker/js/city-picker.js"></script>
    <link rel="stylesheet" href="../js/citypicker/css/city-picker.css" />
    <div style="position:relative;" class="pc-kk-form-list">
        <input readonly type="text" data-toggle="city-picker" value="" name="areaMsg" id="areaMsg" type="text" placeholder="&nbsp;&nbsp;省/市/区">
    </div>

    js代码

    $("#areaMsg").citypicker();

    后台

        private String areaMsg;
        public void setAreaMsg(String areaMsg) {
            this.areaMsg = areaMsg;
        }
        //区域类,包含省市区属性
        Area Area = new Area();
        //通过"/"分割areaMsg获得省市区
        String[] areaData = areaMsg.split("/");
        area.setProvince(areaData[0]);
        area.setCity(areaData[1]);
        area.setDistrict(areaData[2]);

    展开全文
  • Citypicker 基于vue开发的城市模拟下拉组件
  • cityPicker和datePicker插件 cityPicker是一个纯前端的省市区三级联动选择插件, 使用起来还是挺省事的 先上效果图, 可以看到基本上满足了pc网页中选择省市区的需求 1.首先引入资源, 除了样式调整的2个css文件之外, ...

    cityPicker和datePicker插件

    cityPicker是一个纯前端的省市区三级联动选择插件, 使用起来还是挺省事的

    先上效果图, 可以看到基本上满足了pc网页中选择省市区的需求
    在这里插入图片描述
    1.首先引入资源, 除了样式调整的2个css文件之外, 其余都是必须的:

    	<link rel="stylesheet" href="static/css/jquery-ui.css">
        <link rel="stylesheet" href="static/css/city-picker.css">
        //做了一些样式的调整
        <link rel="stylesheet" href="static/css/style.css">
        <link rel="stylesheet" href="static/css/reset.css">
    
    
        <script src="static/js/jquery.min.js"></script>
        <script src="static/js/jquery-ui.js"></script>
        <script src="static/js/city-picker.data.min.js"></script>
        <script src="static/js/city-picker.min.js"></script>
    

    2.在页面上更加简单, 只需要写一个input标签

    <div class="enter-selectBox enter-210" style="position: relative;">
        <input id="houseHold" readonly type="text">
    </div>
    

    3.初始化citypicker插件, 在合适的地方初始化我们的input标签即可, 例如在jq的入口函数中

    function cityPicker() {
            var houseHold = "#houseHold";
            $(houseHold).citypicker({
            	//默认显示
                placeholder: '请选择户籍所在地'
            });
            $(houseHold).citypicker("reset");
            $(houseHold).citypicker("destroy");
            //初始化省市区, 不需要的话可以省略
            $(houseHold).citypicker({
                province: "北京市",
                city: "北京市",
                district: ""
            });
        }
    
        $(function () {
        	//别忘了执行初始化函数
            cityPicker();
        })
    

    ps: 原版的citypicker插件的数据中港澳台城市数据不完整, 附件是补全的完整版

    citypicker除了城市选择之外, 还附带了日期选择插件datepicker, 使用方式与citypicker几乎一样

    效果图:
    汉化版:
    在这里插入图片描述
    英文原版:
    在这里插入图片描述
    默认的datepicker是没有汉化的, 这边优化了一下
    1.引入资源和上面的一样, 不需要额外的资源
    2.在页面上写一个input标签, 原生的样式怪丑的, 这边优化了一下样式

    <div class="enter-selectBox enter-150">
        <input type="text" id="birthDate" class="enter-select" placeholder="出生日期">
        <div class="enter-selectCon">
            <div class="enter-selectVal enter-100" id="birStr">出生日期</div>
            <div class="enter-selectIcon"></div>
        </div>
    </div>
    

    3.同样需要初始化:

    function datePicker() {
    		//汉化
            $.datepicker.regional['zh-CN'] = {
                closeText: '关闭',
                prevText: '<上月',
                nextText: '下月>',
                currentText: '今天',
                monthNames: ['一月', '二月', '三月', '四月', '五月', '六月',
                    '七月', '八月', '九月', '十月', '十一月', '十二月'],
                monthNamesShort: ['一', '二', '三', '四', '五', '六',
                    '七', '八', '九', '十', '十一', '十二'],
                dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
                dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
                dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
                weekHeader: '周',
                dateFormat: 'yy-mm-dd',
                firstDay: 1,
                isRTL: false,
                showMonthAfterYear: true,
                yearSuffix: '年'
            };
            $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
    
    		//初始化
            $("#birthDate").datepicker({
            	//解释一下,这个参数表示可选年份为:当前年份-100~当前年份
            	//默认的可选只有前后10年,找这个配置坑了我很久
                yearRange: 'c-100:c', 
                //其他配置看文档或者不动就行
                changeMonth: true,
                changeYear: true,
                dateFormat: 'yy-mm-dd',
                onSelect: function (dateText, inst) { 
                	//当选择日期后执行的函数
                    $("#birStr").text(dateText);
                    $(this).siblings('.enter-selectCon').find('.enter-selectVal').addClass('col333')
                    $(this).siblings('.enter-selectCon').find('.enter-selectVal').html($(this).val())
                }
            });
        }
    
        $(function () {
        	//别忘了执行初始化函数
            datePicker();
        })
    

    附件:

    展开全文
  • <div><h4><strong>CityPicker 城市选择器专属QQ群,欢迎加入!</strong></h4> <p><img alt="" src="https://img-blog.csdnimg.cn/img_convert/59cf5e18e6d69bf498c1afc28abdb8a5.png" /></p><p>该提问...
  • CityPicker 现在使用较多的类似美团、外卖等APP的城市选择界面,一行代码搞定,就是这么简单粗暴!!! Tips:(旧版本1.x)会报高德定位jar包冲突,推荐使用2.x版本。 主要功能: 字母悬浮栏 指定热门城市 自定义...
  • CityPicker城市选择器 在实际的项目中一般情况下都需要使用到省市区三级联动地址选择的功能,有的公司是提供接口获取,有的公司则不是,需要自己实现。一开始,我也承受其干扰,自己就是封装了一个,不需要自己添加...
  • jQuery基于citypicker四级联动菜单选择器代码,数据异步获取,动态赋值。扩展需求可修改源码。
  • 基于citypicker四级联动菜单代码是一款四级联动菜单选择器,数据异步获取,动态赋值。适用于配送地址收货地址城市选择代码。
  • Android CityPicker城市选择

    千次阅读 2019-06-01 08:38:36
    https://github.com/zaaach/CityPicker 的BUG修复和完善版本 点击查看源码 请查看原文链接不再赘述,本只是搜到原作者的框架,甚是喜欢,但发现有一些BUG,于是自己尽力修复了一些,为了方便和需求又添加了...

    https://github.com/zaaach/CityPicker  的BUG修复和完善版本

    点击查看源码

     

    请查看原文链接 不再赘述,本只是搜到原作者的框架,甚是喜欢,但发现有一些BUG,于是自己尽力修复了一些,为了方便和需求又添加了一些新的接口
    本打算自己留着用了,时间仓促,也没有太雕琢代码质量,单看到issue里有那么多问题,也不知道大家解决没有,但本着开源的原则,就把自己的版本发出来了
    原来整体代码还是比较好看懂的,我又加了一些简单的备注,如果可能建议还是多尝试着自己看一看

    主要修改:

    • 新增可以配置是否开启“热门城市”
    • 新增可以配置是否开启“定位”
    • 开放接口自定义“热门城市”标题
    • 开放接口自定义“热门城市”内容数据
    • 现在数据库文件只包含市以上了
    • 修复“没有内容时还可以点击到城市”的BUG
    • 修复“搜索不显示光标的BUG”
    • 开放接口自定义城市数据
    • 提升最低版本号为16
    • 新增自动根据名称识别首字母
    • 自定义数据一键排序

    使用方法:

    点击查看原文链接

    本次新增主要内容使用方法:

        通过自定义CityPickerConfig来完成自定义
    

    样例代码中已经有详细的代码和备注,点击查看样例代码

    ####再次感谢原作者,希望帮助到更多的人

    展开全文

空空如也

空空如也

1 2 3 4 5 ... 16
收藏数 315
精华内容 126
关键字:

CityPicker