轻量级移动端日期选择器mtimer

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

 36007  272  查看评论 (40)
分享到微信朋友圈
X
轻量级移动端日期选择器mtimer ie兼容10

使用方法

1. 在页面引入相关文件

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

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

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

3. 初始化插件:

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

4.配置参数:

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

  • dateNum : 10,   //天数

  • timeStart : 9,   //开始时刻

  • timeNum : 12,  //小时数

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

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

相关插件-日期和时间

轻量级移动端日期选择器mtimer

轻量级移动端日期选择器
  日期和时间
 36008  272

timeago.js自动将时间戳转换为更易读的时间轴

timeago.js是一款基于jQuery的时间处理插件,它可以轻易的将时间戳转换成如:5分钟前,约3小时前这样的更友好易读的时间轴,而且使用timeago.js无需刷新页面即自动更新页面时间的显示。
  日期和时间
 23523  263

原生JS仿Mac OS日历

原生JS仿Mac OS日历,简洁美观
  日期和时间
 33557  301

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

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

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

    灬嘲钟 0
    2020/1/9 11:57:40
    Uncaught TypeError: Cannot read property 'nodeType' of undefined
    怎么改啊 能给个代码示例么
        Amy0
        2020/7/21 15:36:00
        同疑问,求解
    回复
    陈亚民 0
    2019/11/4 18:16:48
    兄弟 ,你这写的还有bug,跨年的情况,日期就出问题了 回复
    半夏微凉$不言殇 0
    2019/4/26 11:38:55
    在移动端多次选择出现抖动啊,老跳动怎么解决呢
    回复
    之外 0
    2019/1/21 15:07:38
    和mui有冲突怎么解决
    回复
    奔跑的五花肉 0
    2018/10/17 10:12:40

    使用时报这个错误,一直没调好。简单的把demo放到项目中,去掉所有其他引用也还是报错

    Uncaught TypeError: $(...).mtimer is not a function
       at HTMLDocument. ()
       at j (jquery.min2.1.4.js?201704201:2)
       at Object.fireWith [as resolveWith] (jquery.min2.1.4.js?201704201:2)
       at Function.ready (jquery.min2.1.4.js?201704201:2)
       at HTMLDocument.I (jquery.min2.1.4.js?201704201:2)
        西瓜0
        2018/10/17 11:12:31

        jquery和zepto.js冲突引起的,解决方法加上jQuery.noConflict()

        <script src="~/js/jquery-2.1.4.js"></script>
        <script>jQuery.noConflict()</script>
        <script src="~/js/zepto.min.js"></script>
    回复
    WFuChengGeGe 0
    2018/9/6 19:21:19
    可以一个页面调用俩次吗 回复
    WFuChengGeGe 0
    2018/9/6 18:34:40
    这个怎末改成年月日 回复
    奔四的人 0
    2018/7/16 23:40:04
    用了之后一直报错30行 回复
    黑呼呼 0
    2018/5/3 10:33:45
    Uncaught TypeError: Cannot read property 'nodeType' of undefined
       at p.scrollToElement (zepto.mtimer.js:30)
       at Object.checkDate (zepto.mtimer.js:224)
       at Object.setValue (zepto.mtimer.js:218)
       at Object.init (zepto.mtimer.js:192)
       at Array.$.fn.mtimer (zepto.mtimer.js:231)
       at index.html:28
       at HTMLDocument.<anonymous> (zepto.js:253)

    DEMO报错怎么解决的

        Amy0
        2020/7/21 15:35:36
        没用,demo就报错有那位大神找到解决办法了?
    回复
    @咕咕 0
    2018/4/14 11:48:01
    移动端报错 input显示的不好看 可以年月日星期添加上去显示 两个问题我就不想下载了 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复