mui ios中form表單中點擊輸入框頭部導航欄被推起及ios中form表單中同時存在日期選擇及輸入框時,日曆選擇頁面錯亂bug

 1、ios header導航欄被推起解決方法html

1 設置彈出軟鍵盤時自動改變webview的高度ios

plus.webview.currentWebview().setStyle({  
    softinputMode: "adjustResize"  // 彈出軟鍵盤時自動改變webview的高度  
});  

2 增長樣式web

html, body {  
    height: 100%;  
    margin: 0px;  
    padding: 0px;  
    overflow: hidden;  
    -webkit-touch-callout: none;  
    -webkit-user-select: none;  
}  

.mui-content {  
    height: 100%;  
    overflow: auto;   
}  

 2、ios中點擊日曆插件後點擊input頁面錯亂、日曆插件被掉起解決方法app

ios 中input軟鍵盤和dtpicker日曆插件頁面錯亂dom

ios中軟鍵盤和dtpicker日曆插件錯亂

 

解決方法ide

首先用如今最新的demo的最新引入的picker的插件 js,而後在mui.picker.min.js文件裏面添加了倆句話a.dispose();,以下代碼:,e.DtPicker = e.Class.extend({
init: function(n) {
var a = this,
r = e.dom(i)[0];
t.body.appendChild(r), e('[data-id="picker"]', r).picker();
var s = a.ui = {
picker: r,
mask: e.createMask(),
ok: e('[data-id="btn-ok"]', r)[0],
cancel: e('[data-id="btn-cancel"]', r)[0],
y: e('[data-id="picker-y"]', r)[0],
m: e('[data-id="picker-m"]', r)[0],
d: e('[data-id="picker-d"]', r)[0],
h: e('[data-id="picker-h"]', r)[0],
i: e('[data-id="picker-i"]', r)[0],
labels: e('[data-id="title-"]', r)
};
s.cancel.addEventListener("tap", function() {
a.hide();
a.dispose();//本身加的 。ios點擊取消按鈕後,再彈出軟鍵盤的時候,會彈出日曆選擇器,因此要釋放日曆選擇器
}, !1), s.ok.addEventListener("tap", function() {
var e = a.callback(a.getSelected());
e !== !1 && a.hide()
}, !1), s.y.addEventListener("change", function(e) {
a.options.beginMonth || a.options.endMonth ? a._createMonth() : a._createDay()
}, !1), s.m.addEventListener("change", function(e) {
a._createDay()
}, !1), s.d.addEventListener("change", function(e) {
(a.options.beginMonth || a.options.endMonth) && a._createHours()
}, !1), s.h.addEventListener("change", function(e) {
(a.options.beginMonth || a.options.endMonth) && a._createMinutes()
}, !1), s.mask[0].addEventListener("tap", function() {
a.hide();
a.dispose();//本身加的。ios點擊取消按鈕後,再彈出軟鍵盤的時候,會彈出日曆選擇器,因此要釋放日曆選擇器
}, !1), a._create(n), a.ui.picker.addEventListener(e.EVENT_START, function(e) {
e.preventDefault()
}, !1), a.ui.picker.addEventListener(e.EVENT_MOVE, function(e) {
e.preventDefault()
}, !1)
},
相關文章
相關標籤/搜索