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