写的一个方法,是通过不同的data属性来执执行的,不知道为什么不起作用
目的是想写了一个通过data来控制数据的方法,比如:
<input type="text" data-tap="true" data-format="2018-08-16" class="data-input mui-input-clear" placeholder="选择日期">
通过 data-format 与 data-tap 来控制这个input可以点击的,并且会打开一个日期选择面板,日期格式为 2018-08-16
我是这样写的,新建了一个 app.js,并巳在页面中加载。
/**
* Date Select
* 日期选择
*/
(function($, owner) {
//定义方法
owner.selectDateClickEvent = function(options) {
if(typeof options == 'undefined' || options == null || options == String){
return options == {};
}
//触发input的点击事件
var inputTap = document.getElementsByTagName('data-input');
mui.trigger(inputTap,'tap');
//input 默认参数
var defaults = {
tap:null,
format:null
}
//添加属性并合并
var target = this;
target.attr('data-tap', options.tap);
target.attr('data-format', options.format);
target.empty();
target.attr('value', '');
target.text(options.placeholder);
mui.extend(defaults,options);
//按照格式显示日期
var Sdate = new Date();
var month = Sdate.getMonth() + 1;
var strDate = Sdate.getDate();
if(month >= 1 && month <= 9) {
month = "0" + month;
}
if(strDate >= 0 && strDate <= 9) {
strDate = "0" + strDate;
}
var currentdate = Sdate.getFullYear() + '-' + month + '-' + strDate;
Sdate.setFullYear(currentdate);
//激活日期方法
plus && plus.nativeUI.pickDate(function(e){
var d=e.date;
})
}
}(mui, window.abc={}));
然后在选择日期中调用,因为是头一次这样写,检查不了是什么原因导致的,就是 selectDateClickEvent 这个方法不执行。
是使用 mui 的方法:
abc.selectDateClickEvent();
请哪位大神有空帮帮我,谢谢!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这个地方
getElementsByTagName
使用来以标签名来查找的,比如<a>
标签、<input>
标签,你可能需要的是
document.getElementsByClassName
?对这个框架不太了解,只能看出这个地方似乎不太对