手机版日期插件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.效果图