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

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

 34071  233  查看评论 (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,   //点击取消的回调函数

相关插件-日期和时间

jQuery移动端时间选择插件

手机版拖动选择时间的插件,提供多种格式的选择
  日期和时间
 30904  216

jQuery弹出双日期选择插件doubleDate.js

jQuery弹出双日期选择插件doubleDate.js
  日期和时间
 31750  228

Canvas时钟插件clock-canvas.js

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

JQuery日期选择插件

支持中文,可以选择日期,不能选时间,有demo
  日期和时间
 39402  209

讨论这个项目(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显示的不好看 可以年月日星期添加上去显示 两个问题我就不想下载了 回复
取消回复