首页 | 4607 | 762 | 381 | 添加收藏 上一个 下一个
轻量级移动端日期选择器mtimer

使用方法



  1. 在页面引入相关文件


<link rel="stylesheet" href="zepto.mtimer.css">
<script src="zepto.js"></script>
<script src="zepto.mtimer.js"></script>


  1. 页面上需要有一个input元素:


<input type="text" id="picktime" value="03-27 15:00" readonly>


  1. 初始化插件:


$('#picktime').mtimer();


  1. 配置参数:



  • dateStart : new Date(), //开始日期

  • dateNum : 10, //天数

  • timeStart : 9, //开始时刻

  • timeNum : 12, //小时数

  • onOk : null, //点击确定的回调函数

  • onCancel : null, //点击取消的回调函数