Mdate时间插件

  在做移动端的页面时,用户报名某个活动,需要填写她的出生日期,这时可以用Mdate插件来完成,已达到更好的用户体验

  操作很简单,效果也不错,是滑动选择时间的,也有回调函数方便我们使用。只需要在页面中引入iScroll.js和Mdate.js即可

使用说明

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

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

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

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

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

    自定义项

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    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需要显示的格式,可填写"/"或"-"或".",不填写默认为年月日
    })

    效果如图:

    它提供给的回调函数可以在选择完日期之后可以把选择的日期拿出来,放到某个元素上或者作为变量参数。

    附上下载链接:http://www.jq22.com/jquery-info18385

原文地址:https://www.cnblogs.com/fanghl/p/10265356.html