解决移动端时间插件zepto.mdater的几处bug

首先说下这个mdater的应用环境是在移动浏览器中的网页，非app应用。

介绍下这个框架：

1.mdater插件是一个轻量级的时间插件，依赖zepto.js。

2.相比与boostrap的daterpicker确实够轻依赖少。

3.非常时候在移动端的浏览器使用。

4.是一个比较独立的插件，不需要依赖特殊的环境，比如微信，app，或者一些大型框架比如boostrap，react。

5.唯一不足的是只能选日期，不支持时间选择。

看看mdater在移动浏览器中运行的bug：

1.按箭头选择时间的时候会前进或者后退会跳一个月后者一年，而不是逐一往下或往上走。

2.时间面板有时候会重叠。

原因分析：

为了解决这两个问题，做了很多的分析和测试。最后锁定了tap事件，是由tap在浏览器中执行式会出现穿透现象，这是个天然的bug，事件冒泡了。相当于你的一次tap被执行了两次，所以才会出现跳月或者跳年以及时间面板重叠的bug。

修改bug：

原因知道了，修改那自然是件容易的事儿，直接打开mdater.js将mdater中的tap修改为click。很多人可能觉得这么改会有一个担心，click的300ms延迟问题。这个如果跑在app中可能需要考虑这个问题，但在浏览器中执行，我觉得可以直接使用click，因为你根本感觉不到这300ms的延迟。

实践才是硬道理！不要被网上言之凿凿的技术文给唬住了，人云亦云。

使用姿势：

<input type="text" id="timegap-start" name="timegap_start" readonly="readonly">
//注意要加readonly，否则会呼出键盘的

var mdaterConfig = {
ominDate : new Date(2017, 01, 01)
}
$('#timegap-start').mdater(mdaterConfig);

好了，最后感谢mdater.js的作者，提供了一款优秀的插件，给我们省了不少时间。

对于更改的bug已提交到git上，可以git以下链接下载。

mdater修复git下载地址：http://git.oschina.net/cxing/javascript/tree/master/mdater