(function($) {
$.init();
var result = $('#result')[0];
var btns = $('.btn');
btns.each(function(i, btn) {
btn.addEventListener('tap', function() {
var _self = this;
if(_self.picker) {
_self.picker.show(function (rs) {
result.innerText = rs.text;
_self.picker.dispose();
_self.picker = null;
});
} else {
var optionsJson = this.getAttribute('data-options') || '{}';
var options = JSON.parse(optionsJson);
var id = this.getAttribute('id');
/*
- 首次显示时实例化组件
- 示例为了简洁,将 options 放在了按钮的 dom 上
-
也可以直接通过代码声明 optinos 用于实例化 DtPicker
/
_self.picker = new $.DtPicker(options);
_self.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 进行释放,下次用时再创建新实例。
*/
_self.picker.dispose();
_self.picker = null;
});
}}, false); }); })(mui);
1 个回复
z***@gmail.com - Hbuilder是个好东西
这是一个匿名函数,并且被调用执行了。 mui 被当作参数传递到了函数里。
所以函数里的 $ 就是 mui 对象。
等价于;
function myFunc($){ some code };
myFunc(mui);