mui.DtPicker
可以把选择器内嵌到div中吗？？
Damon4iOS
- 发布：2017-11-14 14:07
- 更新：2017-11-14 14:22
- 阅读：1288
时间选择器
分类：MUI
全敏 - qm
<div class="mui-input-row">
<label>时间选择器</label>
<input id='appointment_time' name="appointment_time" class="mui-input-clear" readonly="readonly" field-type='date' data-options='{}' placeholder="请选择预约时间" type="text">
<span class="mui-icon mui-icon-arrowright"></span>
</div>//初始化日期控件
function initDatepick() {
var date_inputs = $("input[field-type='date']");//获得时间类型的自定义属性
date_inputs.each(function (i, date_input) {
if($(date_input).attr("title")=="load"){
console.log($(date_input).attr("name"))
return;
}
date_input.addEventListener('tap', function () {
document.activeElement.blur();//隐藏键盘
var optionsJson = '{}';
var options = JSON.parse(optionsJson);
var id = this.getAttribute('id');
/*
* 首次显示时实例化组件
* 示例为了简洁，将 options 放在了按钮的 dom 上
* 也可以直接通过代码声明 optinos 用于实例化 DtPicker
*/
var picker = new mui.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 的第二个字母），用法同年
*/
jQuery('#' + id).val(rs.text);
/*
* 返回 false 可以阻止选择框的关闭
* return false;
*/
/*
* 释放组件资源，释放后将将不能再操作组件
* 通常情况下，不需要示放组件，new DtPicker(options) 后，可以一直使用。
* 当前示例，因为内容较多，如不进行资原释放，在某些设备上会较慢。
* 所以每次用完便立即调用 dispose 进行释放，下次用时再创建新实例。
*/
picker.dispose();
});
}, false);
$(date_input).attr("title","load");
});
}记得采用
Damon4iOS (作者)
怎么做呢？？大神
2017-11-14 14:15