mobiscroll控件学习

由于最近项目需要（产品提出用h5模拟客户端实现选择时间的功能），经同事的推荐，看到了一款插件比较适合使用--mobiscroll

英文版使用说明链接如下：https://docs.mobiscroll.com/3-0-0_beta6/jquery/datetime#methods

 

我在开发中一共用到了两个功能，一个是时间的选择，一个是自定义选择，实现效果如下图：

 

 

 

 

一：DATE & TIME

 

var currYear = new Date().getFullYear();

    console.info(birth);

    var birthday=birth.substring(0,4)+"-"+birth.substring(5,7)+"-"+birth.substring(8,10);

    console.info(birthday);

    $('#birthday').mobiscroll().date({

        theme: 'android-holo-light',

        lang: 'zh',

        display: 'bottom',

        /*closeOnOverlayTap:false,  //true的时候点击遮罩消失控件*/

        cancelText:"",

        setText:"",

        yearText:"年",

        monthText:"月