datetimepicker、mobiscroll日期外掛使用demo
阿新 • • 發佈:2019-01-28
//初始化日期控制元件
/** 日期控制元件 start */
var now = new Date();
var currYear = now.getFullYear();
var currMonth = now.getMonth() + 1;
var currDay = now.getDate();
//mobiScroll外掛選項
var opt1 = {
preset: 'date', //日期,可選:date\datetime\time\tree_list\image_text\select
theme: 'android', //面板樣式,可選:default\android\android-ics light\android-ics\ios\jqm\sense-ui\wp light\wp
display: 'bottom', //顯示方式 ,可選modal\inline\bubble\top\bottom
mode: 'scroller', //日期選擇模式,可選:scroller\clickpick\mixed
lang: 'zh',
dateFormat: 'yyyy-mm-dd' , // 面板日期格式
setText: '確認', //確認按鈕名稱
cancelText: '取消', //取消按鈕名籍我
dateOrder: 'yyyymmdd', //面板中日期排列格式
dayText: '日',
monthText: '月',
yearText: '年', //面板中年月日文字
showNow: false,
nowText: "今",
//endYear: currYear, //結束年份
//startYear: currYear;//開始年份
maxDate:new Date(currYear, currMonth - 1, currDay + 1),//最大時間
//minDate: new Date(currYear, currMonth - 1, currDay + 1),//最小時間
onSelect: function(textVale, inst) { //選中時觸發事件
console.log("我被選中了.....");
},
onClose: function(textVale, inst) { //外掛效果退出時執行 inst:表示點選的狀態反饋:set/cancel
console.log("textVale--" + textVale);
console.log(this.id); //this表示呼叫該外掛的物件
}
};
//時間面板顯示日期
$("#date").mobiscroll().date(opt1);