(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);