jQuery移动端联动下拉日期选择插件mobile.js

查看演示立即下载

插件描述：基于mobile.js移动端联动下拉日期选择支持、单列、多列、联动、非联动

1.普通数组格式-非联动

<div id="trigger1"></div> <!--页面中别漏了这个trigger-->
<script>
    var mobileSelect1 = new MobileSelect({
        trigger: '#trigger1',
        title: '日期选择',
        wheels: [
            {data:_data}
        ],
        transitionEnd:function(indexArr, data){
            console.log(data);
        },
        callback:function(indexArr, data){
            console.log(data);
            $("#trigger1").val(data[0].value+'-'+data[1].value+'-'+data[2].value)
        }
    });
</script>

2.json格式-非联动

<div id="trigger2"></div>
<script>
    var mobileSelect1 = new MobileSelect({
        trigger: '#trigger2',
        title: '地区选择',
        wheels: [
            {data:[
                    {id:'1',value:'附近'},
                    {id:'2',value:'上城区'},
                    {id:'3',value:'下城区'},
                    {id:'4',value:'江干区'},
                    {id:'5',value:'拱墅区'},
                    {id:'6',value:'西湖区'}
                ]}
        ],
        transitionEnd:function(indexArr, data){
            console.log(data);
        },
        callback:function(indexArr, data){
            console.log(data);
            $("#trigger2").val(data[0].value)
        }
    });
</script>

3.json格式-联动

1	`<div` `id="trigger3"></div>`

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jQuery移动端抽奖大转盘（图片、文字、概率自设）
下一个特效：前端生鲜全套页面，电商