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']));})