mui dtpicker 日期控件 异常弹出 弹出两次

情况一

背景／需求：

做项目的时候，发现mui的时间控件picker会出现异常弹出。

在点击时间选择的div时，控件正常弹出，没有问题。有问题的是，点击其他输入框，在弹出软键盘的同时，时间控件也会随之出现（在软键盘下方，屏幕移下去时会发现）

这个情况存在于ios上，安卓机测试时暂时没有发现。

---

找了很久，提出此问题者寥寥。不过最后还是找到了一个类似的问答：

【报bug】picker选择器和软键盘的冲突

后来师父复现的时候也找出了问题，并给出了解决办法：

出现这个bug的时候都是没有点“确定”，直接点控件外部或者取消。

dtpicker.show(function(e) {

    XXX

    dtpicker.dispose()

});

（show里面调用的dispose() 指的是点击“确定”之后，将控件销毁）

直接点控件外部或者取消，这样控件其实是被隐藏了，而没有被销毁。

解决的办法是在 hide 里加一行 self.dispose()

然后把dispose 里的 self.hide() 注释掉。（不然两者会调来调去...

 

情况二

出现的问题：

测试时发现，有时先点击输入项，再点击时间控件，时间控件异常，会同时弹出2个。

---

后来发现：

在点击日期控件后，无论是直接失去焦点还是“确定”，在点击输入框并失去焦点后都会闪现出时间控件。

如果先前没有点击日期控件，则在输入框失去焦点时不会闪现。

想着时间控件在失去焦点时可能还是没有被销毁。

于是在mui的picker.js中做了些修改：

 

我把每一个addEventListener('tap',function(){

       self.hide();

},false);

self.hide()后面都加了dispose()

然后控件是不会重复跳出来了，但是单个控件会跳得老高。目前还没有找到解决方法。

等找到了再补充。