移动端日期选择插件Mdate.js

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

 10945  39  查看评论 (21)
移动端日期选择插件Mdate.js ie兼容9

Mdate.js 

是一款依托于iScroll.js的日期选择小型插件,可滑动选择年、月、日,只适用于移动端。

操作简易,只需要在页面中引入iScroll.js和Mdate.js即可。

使用说明

  1. 代码:new Mdate("dateSelectorOne");

  2. "dateSelectorOne"为你要显示选择后的日期的input,必填项;

  3. Mdate的默认开始日期为:2000年1月1日,可自定义

  4. Mdate的默认结束日期为:今天,可自定义

  5. Mdate的默认日期格式为:xxxx年xx月xx日,可自定义

自定义项

new Mdate("dateShowBtn", {
    //"dateShowBtn"为你点击触发Mdate的id,必填项
    acceptId: "dateSelectorTwo",
    //此项为你要显示选择后的日期的input,不填写默认为上一行的"dateShowBtn"
    beginYear: "2002",
    //此项为Mdate的初始年份,不填写默认为2000
    beginMonth: "10",
    //此项为Mdate的初始月份,不填写默认为1
    beginDay: "24",
    //此项为Mdate的初始日期,不填写默认为1
    endYear: "2017",
    //此项为Mdate的结束年份,不填写默认为当年
    endMonth: "1",
    //此项为Mdate的结束月份,不填写默认为当月
    endDay: "1",
    //此项为Mdate的结束日期,不填写默认为当天
    format: "-"
    //此项为Mdate需要显示的格式,可填写"/"或"-"或".",不填写默认为年月日
})
相关插件-日期和时间

原生JS仿Mac OS日历

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

优雅的日期选择插件daterangepicker

jQuery bootstrap日期选择插件daterangepicker,多种时间类型选择
  日期和时间
 21812  53

jQuery多功能秒表闹钟计时器插件

jQuery多功能秒表闹钟计时器插件
  日期和时间
 22046  45

仿苹果时间控件

模仿苹果时间控件
  日期和时间
 26496  172

讨论这个项目(21)回答他人问题或分享插件使用方法奖励jQ币

    hapiay 0
    2018/5/25 10:53:05
    设置的默认时间,怎么和弹出来要选择的时间一致 回复
    903640702 0
    2018/5/22 10:33:38
    2018年怎么只显示1月份?
        9036407020
        2018/5/22 11:07:44
        经测试在设定的结束年份超过当前年份时 当前年份下只显示1月份 将Mdate.js的 endNum = that.endMonth注释掉可以解决,造成的影响是自定义的结束月份失效,会变成12个月。@作者 有更好的方法吗?
    回复
    me ~ 0
    2018/5/18 10:04:16
    点击确认后,能自己写回调函数吗,因为acceptId,不一定都是input啊 回复
    咖啡 0
    2018/5/7 13:42:16
    如何只设置年月,把日取消掉
        H0
        2018/5/10 16:33:45
        能去掉吗
    回复
    落雪飞花 0
    2018/5/4 16:21:38
    ios 点击选择时间会跳出输入法~ 回复
    要我怎么捡 0
    2018/4/20 14:59:38
    怎么设置默认时间
        况亚瑞1
        2018/5/16 17:41:32
        <input type="text" id="dateSelectorOne" placeholder="选择日期" value="2015-12-21" data-year="2015" data-month="12" data-day="21">
    回复
    努力逆袭的孤狼 0
    2018/4/16 15:09:13
    这个怎么设置当前时间啊
        况亚瑞0
        2018/5/16 17:43:41
        <input type="text" id="dateSelectorOne" placeholder="选择日期" value="2015-12-21" data-year="2015" data-month="12" data-day="21">
    回复
    joy1793 0
    2018/4/12 10:02:18
    我想知道那个蒙层和弹出层放在一个div里面 是如何做到动画的。求大神们解答。 回复
    用户1835833 0
    2018/4/10 20:14:37
    如何获取选择好日期之后到值
        要我怎么捡0
        2018/4/20 14:57:38
        $("#dateSelectorTwo").val();
    回复
    巧克力太 0
    2018/4/2 16:53:15
    怎么设置只要年和月啊 回复
取消回复