移动端日期选择插件Mdate.js
发布者:梦幻一新科技 发布时间:2020-05-09 19:14:48 阅读次数:3789
插件描述:Mdate.js 是一款依托于iScroll.js的日期选择小型插件,可滑动选择年、月、日,只适用于移动端。
Mdate.js
是一款依托于iScroll.js的日期选择小型插件,可滑动选择年、月、日,只适用于移动端。
操作简易,只需要在页面中引入iScroll.js和Mdate.js即可。
使用说明
代码:new Mdate("dateSelectorOne");
"dateSelectorOne"为你要显示选择后的日期的input,必填项;
Mdate的默认开始日期为:2000年1月1日,可自定义
Mdate的默认结束日期为:今天,可自定义
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%