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

发布者:梦幻一新科技 发布时间:2020-05-09 19:14:48 阅读次数:3789
Mdate

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需要显示的格式,可填写"/"或"-"或".",不填写默认为年月日
})


默认以指定日期开始

方式:给触发Mdate的input上添加data-year、data-month、data-day属性

喜欢
(0)
0%
一般
(0)
0%