mobiscroll.js的用法

引入相應的css js文件

<script type="text/javascript" src="${BasePath}/static/common/lib/mobiscroll/js/mobiscroll_date.js?v=1.1"></script>
<script type="text/javascript" src="${BasePath}/static/common/lib/mobiscroll/js/mobiscroll.js"></script>

<link rel="stylesheet" href="${BasePath}/static/visitor_app/css/mobiscroll_date.css?v=1.1">
<link rel="stylesheet" href="${BasePath}/static/common/lib/mobiscroll/css/mobiscroll.css">

代碼如下

var currYear = (new Date()).getFullYear();
var opt={};
opt.date = {preset : 'date'};
opt.datetime = {preset : 'datetime'};
opt.time = {preset : 'time'};
opt.default = {
    theme: 'android-ics light', //皮膚樣式
    display: 'bottom', //顯示方式
    mode: 'scroller', //日期選擇模式
    dateFormat: 'yyyy-mm-dd',
    lang: 'zh',
    showNow: true,
    nowText: "現在",
    startYear: currYear - 50, //開始年份
    endYear: currYear + 10, //結束年份
    onSelect: function (valueText, inst) {//選擇時事件（點擊確定后），valueText 為選擇的時間，
    },
    onBeforeShow:function(){
        $('.message-form .time2').blur()
    }
};
$('.message-form .time2').each(function () {
    $(this).mobiscroll($.extend(opt['datetime'], opt['default']));

})