1. 程式人生 > >datetimepicker、mobiscroll日期外掛使用demo

datetimepicker、mobiscroll日期外掛使用demo

//初始化日期控制元件 /** 日期控制元件 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);