mobiscroll.js插件的简单配置

mobiscroll.js插件是一款应用在手机端功能强大的插件。可以在h5页面实现模仿安卓和ios手机上面的效果。

1、可自定义主题，官网有很多主题可以自己定义，然后下载。

2、js配置（日期配置）

引用的是

3、js配置（ treelist配置）

                

                    

                        2017
                        

                            
第一季度
                            
第二季度
                            
第三季度
                            
第四季度
                        
                    
                    

                        2018
                        

                            
第一季度
                            
第二季度
                            
第三季度
                            
第四季度
                        
                    
                
            

$('#car_select').mobiscroll().treelist({
        theme: 'android-ics light',
        mode: 'scroller',
        display: 'bottom',
        lang: 'zh',
        cancelText: null,
        headerText: '按季度查看',
        height: 80,//每个元素的高度

        setText: '确定', //确认按钮名称

        cancelText: '取消',//取消按钮名籍我搜索

        formatResult: function (array) {          
          return  $("#car_select_dummy").val()//回显到input
        }
    });

注：安卓风格和ios风格引用的不是同一个css

<link rel="stylesheet" href="./css/mobiscroll-2.13.2.full.min.css">//安卓风格的css

<link rel="stylesheet" href="./css/mobiscroll.custom.min.css">//ios风格的css