1. 程式人生 > >一款不錯的JS日期外掛 Mobiscroll

一款不錯的JS日期外掛 Mobiscroll

$(function () { var currYear = (new Date()).getFullYear(); var opt={}; opt.date = {preset : 'date'}; //opt.datetime = { preset : 'datetime', minDate: new Date(2012,3,10,9,22), maxDate: new Date(2014,7,30,15,44), stepMinute: 5 }; opt.datetime = {preset : 'datetime'
}; opt.time = {preset : 'time'}; opt.default = { theme: 'android-ics light', //面板樣式 display: 'modal', //顯示方式 mode: 'scroller', //日期選擇模式 lang:'zh', startYear:currYear - 10, //開始年份 endYear:currYear + 10
//結束年份 }; $("#appDate").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default'])); var optDateTime = $.extend(opt['datetime'], opt['default']); var optTime = $.extend(opt['time'], opt['default']); $("#appDateTime").mobiscroll(optDateTime).datetime(optDateTime); $("#appTime"
).mobiscroll(optTime).time(optTime); //下面註釋部分是上面的引數可以替換改變它的樣式 //希望一起研究外掛的朋友加我個人QQ也可以,本人也建個群 291464597 歡迎進群交流。哈哈。這個不能算廣告。 // 直接寫引數方法 //$("#scroller").mobiscroll(opt).date(); // Shorthand for: $("#scroller").mobiscroll({ preset: 'date' }); //具體引數定義如下 //{ //preset: 'date', //日期型別--datatime --time, //theme: 'ios', //面板其他引數【android-ics light】【android-ics】【ios】【jqm】【sense-ui】【sense-ui】【sense-ui】 //【wp light】【wp】 //mode: "scroller",//操作方式【scroller】【clickpick】【mixed】 //display: 'bubble', //顯示方【modal】【inline】【bubble】【top】【bottom】 //dateFormat: 'yyyy-mm-dd', // 日期格式 //setText: '確定', //確認按鈕名稱 //cancelText: '清空',//取消按鈕名籍我 //dateOrder: 'yymmdd', //面板中日期排列格 //dayText: '日', //monthText: '月', //yearText: '年', //面板中年月日文字 //startYear: (new Date()).getFullYear(), //開始年份 //endYear: (new Date()).getFullYear() + 9, //結束年份 //showNow: true, //nowText: "明天", // //showOnFocus: false, //height: 45, //width: 90, //rows: 3} });