标签：
前段时间写了两个移动端的日期选择插件：轻量级移动端日期选择器，本来是为特定的场景中使用的，结果有同学反应不够灵活和强大。虽然我的看法是移动端的界面要尽可能简洁，功能要尽可能简单，但是难免还是会有各种各样的场景，有时候确实需要同时选择年、月、日、时、分、秒，日期的格式要能配置，要能显示“上午 下午”......诸如此类。
依赖的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
1. 你可随意使用，随意修改，你可以选择给我打赏，也可以选择悄悄拿走
2. 你如果给我打赏了，本人提供陪聊、陪解决问题、陪个性化定制等服务
来吧骚年，打开支付宝，你都扫好几下了，何不再多扫一下：
标签：
原文地址：http://www.cnblogs.com/lvdabao/p/mobile-datetime-picker.html
