一款不錯的JS日期外掛 Mobiscroll
阿新 • • 發佈:2019-01-29
$(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}
});