UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

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

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

 47124  356  查看评论 (41)
分享到微信朋友圈
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,   //点击取消的回调函数

相关插件-日期和时间
查看更多

精美js日期选择器，js省市选择器

 小巧的js日期选择器。 一个精美的js日期选择器。
  日期和时间
 41531  349

Canvas时钟插件clock-canvas.js

 使用html5中Canvas技术，绘制钟表表盘，表面大小支持自适应。
  日期和时间
 31025  334

基于laydate时间控件修改版（精确到秒）

 一款精确到秒的时间控件是英文版本
  日期和时间
 56626  381

jQuery渐进数字时间钟

 jQuery渐进数字时间钟，透明度随距离的远近渐进渐变。
  日期和时间
 17940  228

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

    lrving777 0
    2022/8/26 11:43:32
    灬嘲钟 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就报错有那位大神找到解决办法了？
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复