關於mobiscroll插件的使用


在網上找了很多資料,各大猿友對這個插件都做了很詳細的介紹,我也是看了很多資料才發現原來這個插件有一些需要注意的地方,在這總結了一下:

//時間
var currYear = (new Date()).getFullYear();
var opt={};
opt.date = {preset : 'date'};顯示年月日
opt.datetime = {preset : 'datetime'};年月日時分秒
opt.time = {preset : 'time'};時分
opt.default = {
height:30,每一欄的高度
width:40,每一欄的寬度
theme: 'android-ics light', //皮膚樣式
display: 'bottom', //顯示方式不是從底部出來,modal表示彈出來
mode: 'scroller', //日期選擇模式
dateFormat: 'yyyy-mm-dd',
lang: 'zh',
showNow: false,//是否顯示今天的那個按鈕
/* nowText: "今天",*/
startYear: currYear , //開始年份
endYear: currYear //結束年份
maxDate:new Date()//最大日期

};


var optTime = $.extend(opt['time'], opt['default']);//初始化時分
var optDateTime = $.extend(opt['datetime'], opt['default']);//初始化年月日時分秒
    var optDate= $.extend(opt['date'], opt['default']);//初始化年月日

$("#morning-start-time").mobiscroll(optTime).time(optTime);//注意這里使用的是time,表示的是選擇時分 同時也要主要用的是optTime
$("#morning-start-time").mobiscroll($.extend(opt['date'], opt['default']//直接引用的寫法

$("#morning-start-time").mobiscroll(optDateTime).datetime(optDateTime);//注意這里使用的是datetime,表示的是選擇年月日時分秒同時也要注意用的是optDateTime
$("#morning-start-time").mobiscroll(optDate).date(optDate)//注意這里使用的是date,表示選擇年月日,同時也要注意用的是optDate
});
http://www.jq22.com/yanshi4976是從這里得到的啟示,可以觀摩一下
本來想上傳文件的,發現沒這功能,如果需要,請在線留言


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM