移动端日期选择插件mtimer

所属分类:输入-日期和时间

 81525  383  查看评论 (47)
分享到微信朋友圈
X
移动端日期选择插件mtimer ie兼容10

更新时间:2019-01-04 15:41:28

更新说明:修复"nodetype of undefined"错误问题


移动端日期选择插件,喜欢的朋友,可以试一试

时间选择插件mtimer使用说明

依赖的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

使用示例请参考index.html

相关插件-日期和时间

日程表插件(fullcalendar),自定义任务显示、切换视图

加载事件数据、能切换年月视图、控制任务的自定义显示数量和效果、单元格绑定事件和元素
  日期和时间
 41234  317

仿苹果时间控件

模仿苹果时间控件
  日期和时间
 60082  484
  日期和时间
 51399  365

Jquery时间,日期控件

Jquery时间,日期控件,高端大气,可以设置小时分钟。
  日期和时间
 91282  489

讨论这个项目(47)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    PartinG 0
    2022/3/3 7:17:24
    下载了以后可以直接使用么 回复
    50431040 0
    2019/1/14 15:14:43
    有没有好心人发一份 50431040@qq.com 回复
    李万宇 0
    2019/1/4 14:45:15
    为啥用不了啊,打开就报错。"nodetype of undefined"。这插件上来就报错,还收钱?jq库就只搜集没有过滤是吗?
        西瓜0
        2019/1/4 15:38:50

        可以正常借用,只是有错误提示,将zepto.mdatetimer.js中521行

        this.yearScroll.scrollToElement(target[0]);

        和526行

        this.monthScroll.scrollToElement(target[0]);

        删除就不会在报错

    回复
    @咕咕 0
    2018/4/14 11:49:37
    怎么还会显示 undefined 和NAN
        夜光魂0
        2018/11/30 15:17:18
        发一份谢谢1432574133@qq.com
    回复
    请叫我许三多 0
    2017/9/24 16:09:14

    这个我这里测试只有第一次进来页面时候打开是有效的,后面几次进入都滚动卡死,请问这个怎么解决?

    回复
    陪伴是长情的告白 0
    2017/8/25 17:30:52
    不造符不符合我的需求
        ~~~~~~~~~~~~0
        2018/1/8 16:26:46
        不咋地
    回复
    leavedog 0
    2017/3/21 13:41:42

    怎么改成基于jquery的 zepto没有jquery里的某些方法

    回复
    ??我怀念?? 0
    2017/2/13 14:37:58
    怎么同时用两个啊。。。只有第一个有反应 ,第二个不行的
        杜敏0
        2017/9/19 17:43:21

        似乎用不了俩个

    回复
    网* 0
    2017/1/11 16:01:40
    只是纪念 0
    2016/12/12 15:12:43
    下载下来,火狐上用不了,什么鬼 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复