前段時間寫了兩個移動端的日期選擇插件：輕量級移動端日期選擇器，本來是為特定的場景中使用的，結果有同學反應不夠靈活和強大。雖然我的看法是移動端的界面要盡可能簡潔，功能要盡可能簡單，但是難免還是會有各種各樣的場景，有時候確實需要同時選擇年、月、日、時、分、秒，日期的格式要能配置，要能顯示“上午 下午”......諸如此類。
所以，一下狠心，索性寫個全的吧，之前寫的是mdater和mtimer倆兄弟，再來個合體的mdatetimer，意為可以同時選擇日期和時間，當然你要只選擇日期也是可以配置的。操作方式嘛，當然得滑動選擇~
別的不說，先上個截圖吧：
你也可以
點此訪問demo
界面看着牛逼哄哄的哈~怎么使用呢？
插件的說明如下：
依賴的js 庫： zepto.js
使用方法：
1.在頁面上引入 js 文件和css 文件
<link rel="stylesheet" href="zepto.mdatetimer.css"> <script src="zepto.js"></script> <script src="zepto.mdatetimer.min.js"></script>
2.html代碼中使用 input 作為輸入框，為防止手機上彈出軟件盤，設置 readonly 屬性
<input type="text" id="picktime" value="" readonly>
3. 初始化插件：
$('#picktime').mdatetimer(config);
配置項config 為一個 js對象，所包含的屬性及說明如下：
mode : 1, //時間選擇器模式： 1 ：年月日，2 ：年月日時分（ 24 小時），3 ：年月日時分（ 12 小時），4 ：年月日時分秒。默認： 1 format : 2, //時間格式化方式： 1 ：2015 年 06月 10 日 17 時 30分 46 秒，2 ： 2015-05-10 17:30:46。默認： 2 years : [2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017], // 年份數組 nowbtn : true, //是否顯示現在按鈕 onOk : null, //點擊確定時添加額外的執行函數 默認null onCancel : null, //點擊取消時添加額外的執行函數 默認null
具體使用請參考附件中的demo.html
更新於2016.08.15
有朋友反饋本插件不支持一個頁面初始化多個實例。所以此次更新增加了這個支持。可以在一個頁面初始化多個了。用法如：
$('#picktime, #picktime2').mdatetimer(config);
我是用id來做區分各實例的的，所以input元素一定要有id哦。
使用方法就這樣啦，最后，再隨便聲明一下：
1. 你可隨意使用，隨意修改，你可以選擇給我打賞，也可以選擇悄悄拿走
2. 你如果給我打賞了，本人提供陪聊、陪解決問題、陪個性化定制等服務
來吧騷年，打開支付寶，你都掃好幾下了，何不再多掃一下：
