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

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

 16712  51  查看评论 (34)
移动端日期选择插件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需要显示的格式,可填写"/"或"-"或".",不填写默认为年月日
})
相关插件-日期和时间

Jquery滑动日期输入控件

Jquery滑动日期输入控件,手机使用效果最佳
  日期和时间
 16174  73

基于laydate时间控件修改版(精确到秒)

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

原生JS仿Mac OS日历

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

仿百度日历老黄历功能,带节日

功能简单强大,代码带注释,数据接入一目了然
  日期和时间
 22741  223

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

    ?日光微醺 0
    2018/7/11 9:47:37
    不能显示时分秒吗 回复
    tanxiaolei 0
    2018/7/10 11:49:20
    为什么会弹起手机键盘 回复
      0
    2018/7/2 10:12:44
    乱码是什么鬼
        西瓜0
        2018/7/2 11:31:06
        设置好编码就行了<meta charset="utf-8">
    回复
    我是坏孩子 0
    2018/6/28 10:15:08
    ZhouChengCarryCool 0
    2018/6/13 12:12:11
    当前年时,月份栏会有问题不加载月份 回复
    1104898767 0
    2018/6/7 10:05:13
    开始后时间设置成当前时间 结束时间写 之后一年 2018 和2019都不对 回复
    LeBron.23 0
    2018/6/4 17:16:45
    请问一个页面new一个嘛 回复
    一米阳光 0
    2018/5/31 11:54:02
    请问月的左右滑动效果可以去掉吗 代码在哪里 求指教 回复
    一米阳光 0
    2018/5/31 11:30:20
    年月日怎么去掉
        西瓜0
        2018/5/31 11:46:16
        Mdate.js中修改yearTag+"年"+monthTag+"月"+dayTag+"日"为你想要的。
        一米阳光0
        2018/5/31 11:59:48
        非常感谢,我又改了unitName="年"unitName="月" unitName="日" 这个不显示年月日啦
    回复
    hapiay 0
    2018/5/25 10:53:05
    设置的默认时间,怎么和弹出来要选择的时间一致 回复
取消回复