手机版日期插件mobiscroll

1.引入css

<link rel="stylesheet" href="{:Substr(U('/', '', true, false, true), 0, -1)}__PUBLIC__/css/mobiscroll.css" charset="UTF-8"/>
<link rel="stylesheet" href="{:Substr(U('/', '', true, false, true), 0, -1)}__PUBLIC__/css/mobiscroll-2.13.2.full.min.css" charset="UTF-8"/>

2.引入js

   注意引入js顺序 

<script src="{:Substr(U('/', '', true, false, true), 0, -1)}__PUBLIC__/js/zepto.min.js"></script>
<script src="{:Substr(U('/', '', true, false, true), 0, -1)}__PUBLIC__/js/jquery.js"></script>    
<script src="{:Substr(U('/', '', true, false, true), 0, -1)}__PUBLIC__/js/mobiscroll-2.13.2.full.min.js" charset="UTF-8" type="text/javascript">  </script>

3.html

<input  class="USER_AGE" type="text"  placeholder="法人身份证号有效期">

4.html中js

$(function(){
var currYear = (new Date()).getFullYear();
                    var opt = {};
                    opt.date = { preset: 'date' };
                    opt.datetime = { preset: 'datetime' };
                    opt.time = { preset: 'time' };
                    opt.default = {
                        theme: 'android-holo-light', //皮肤样式
                        display: 'modal', //显示方式
                        mode: 'scroller', //日期选择模式
                        dateFormat: 'yyyy-mm-dd',
                        lang: 'zh',
                        showNow: true,
                        nowText: "今天",
                        startYear: 2013, //开始年份
                        endYear: 2099 //结束年份
                    };

                    $(".USER_AGE").mobiscroll($.extend(opt['date'], opt['default']));  
})

5.效果图