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

  

最新文章

  1. Javascript 笔记与总结(2-5)window 对象
  2. 移动端<head>头部 常用<meta>标签
  3. BZOJ 4269 再见Xor
  4. Spring MVC与表单日期提交的问题
  5. PHP如何大幅度提升运行效率? -- 把它编译成机器码!
  6. 使用sqlldr命令导入资料到Oracle数据库表中的示例说明
  7. 实体框架(Entity Framework)简介
  8. Adding the Test API in The ASP.NET Web API Help Page
  9. Java基础之编程语法(二)
  10. 工作流管理系统 jBPM
  11. Ubuntu纯字符界面的一些设置
  12. Struts2 控制文件上传下载
  13. java常量池中基本数据类型包装类的小陷阱
  14. Android中的intent属性
  15. mysql常用基础操作语法(四)--对数据的简单无条件查询及库和表查询【命令行模式】
  16. 在学习linux基础入门时的一些问题总结(1)
  17. vue 教程
  18. echarts 怎样去掉白色边框线 和怎样去除背景中的网格
  19. 小橙书阅读指南(十三)——连通性算法(union-find)
  20. exception tomcat startup.bat 闪退

热门文章

  1. 初识JAVA之OOP
  2. HTML5-01 简介
  3. 在UTF-8中,一个汉字为什么需要三个字节?
  4. 创建版本库-GIT
  5. 不能在DropDownList 中选择多个项
  6. jQuery标签选择器
  7. Oracle索引梳理系列(五)- Oracle索引种类之表簇索引(cluster index)
  8. spring cron表达式
  9. Linux 使用iftop命令查看服务器流量
  10. 使用expect scp避免直接输密码