1. 程式人生 > >移動端賊好用的時間選擇外掛

移動端賊好用的時間選擇外掛

mobiscroll 

<input type="text" id="txtBirthday" name="birthday" value=""/>


    var currYear = (new Date()).getFullYear();
    var opt = {
        theme: "android-ics light",
	    display: 'modal', //顯示方式
	    lang: "zh",
	    setText: '確定', //確認按鈕名稱
	    cancelText: "取消",
		endYear: currYear,//結束時間
	    dateFormat: 'yyyy-mm', //返回結果格式化為年月格式
	    dateOrder: 'yyyymm', //面板中日期排列格式
	    onBeforeShow: function (inst) {
	         //	console.info( inst.settings.wheels);
	    },
	    headerText: function (valueText) { //自定義彈出框頭部格式
	         array = valueText.split('-');
	         return array[0] + "年" + array[1] + "月" ;
	    },
	    onSelect: function (valueText, inst) {//選擇時事件(點選確定後),valueText 為選擇的時間,
	         var selectedDate = valueText;
	         console.log(selectedDate)
	    }
	};
	$("#txtBirthday").mobiscroll().date(opt);