mui日期插件$, each遍歷,EventListener事件監聽,json格式


(function($) {
				$.init();
				var result = $('#result')[0];
				var btns = $('.btn');
				btns.each(function(i, btn) {
					btn.addEventListener('tap', function() {
						var optionsJson = this.getAttribute('data-options') || '{}';
						var options = JSON.parse(optionsJson);
						var id = this.getAttribute('id');
						/*
						 * 首次顯示時實例化組件
						 * 示例為了簡潔,將 options 放在了按鈕的 dom 上
						 * 也可以直接通過代碼聲明 optinos 用於實例化 DtPicker
						 */
						var picker = new $.DtPicker(options);
						picker.show(function(rs) {
							/*
							 * rs.value 拼合后的 value
							 * rs.text 拼合后的 text
							 * rs.y 年,可以通過 rs.y.vaue 和 rs.y.text 獲取值和文本
							 * rs.m 月,用法同年
							 * rs.d 日,用法同年
							 * rs.h 時,用法同年
							 * rs.i 分(minutes 的第二個字母),用法同年
							 */
							result.innerText = '選擇結果: ' + rs.text;
							/* 
							 * 返回 false 可以阻止選擇框的關閉
							 * return false;
							 */
							/*
							 * 釋放組件資源,釋放后將將不能再操作組件
							 * 通常情況下,不需要示放組件,new DtPicker(options) 后,可以一直使用。
							 * 當前示例,因為內容較多,如不進行資原釋放,在某些設備上會較慢。
							 * 所以每次用完便立即調用 dispose 進行釋放,下次用時再創建新實例。
							 */
							picker.dispose();
						});
					}, false);
				});
			})(mui);

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM