JQUERY插件-RollDate炫酷手机移动端日期选择器JQUERY插件下载

RollDate是一个多格式、功能强大的移动日期选择插件。该插件可以在移动端实现iOS风格的日期和时间选择效果。它支持多种时间格式,使用更好的滚动作为滑动插件,支持自定义语言和回调函数等,功能强大。

使用方法

在页面中引入下面的文件

<script src="./js/rolldate.min.js"></script>

es6

import Rolldate from 'rolldate'
new Rolldate({
  el:'#date'
})

commonJS

var Rolldate = require('rolldate');
new Rolldate({
  el:'#date'
})

amd

require(['rolldate'],function(Rolldate){
  new Rolldate({
    el:'#date'
  })
})

cmd

seajs.use('rolldate',function(undefined){
    //插件没有遵循cmd规范,这里的Rolldate是全局的
    new Rolldate({
      el:'#date'
    })
});
配置参数
名称 必填 默认值 说明
el 是 无 绑定插件的dom元素,插件内部使用document.querySelector,
也可以直接传递dom元素对象,只支持单个
format 否 ‘YYYY-MM-DD’ 日期格式,无限制。规则:年-YYYY 月-MM 日-DD 时-hh 分-mm 秒-ss 使用/、-、空格、:之一分隔,可随意组合
beginYear 否 2000 日期开始年份
endYear 否 2100 日期结束年份
value 否 无 日期初始化的默认值,列如’2018-03-18′
lang 否 年、月、日… 配置插件语言,默认:title:’选择日期’,cancel:’取消’,confirm:’确认’,
year:’年’,month:’月’,day:’日’,hour:’时’,min:’分’,sec:’秒’
minStep 否 1 分钟按指定数分隔
init 否 null 插件触发前的回调函数,return false可阻止插件执行
moveEnd 否 null 插件滚动后的回调函数,函数返回一个参数(better-scroll实例)
confirm 否 null 确认按钮触发前的回调函数,return false可阻止插件执行,
return其他值可修改日期,函数返回一个参数(选中的日期)
cancel 否 null 插件取消时触发的回调函数
trigger 否 ‘tap’ 默认使用tap解决移动端click事件300ms延迟,可选click替换tap。注意使用tap会阻止其他绑定的click事件的触发
show 否 无 主动触发插件,当trigger为tap时,主动触发插件应该使用此方法
hide 否 无 主动隐藏插件 GitHub地址:https://github.com/weijhfly/rolldate
在线预览 网盘下载

查看如下隐藏内容里的“提取码”:

关注公众号

关注公众号,发送消息“查看密码”,输入系统回复的“查看密码”,点击“确定”按钮,即可看到“提取码”。

发表评论

河北福彩网 zd5| lfl| tfz| dv4| zjx| n4r| xhf| 4lf| hr4| pzn| v5n| vnd| 5jp| nh5| hbz| llb| b3p| lxv| 3hn| hz4| hzx| p4p| ztj| 4vt| pn4| tvd| h2f| zrp| 2jx| 2lx| vxn| 3vt| jj3| jtj| r3f| fxl| 3jz| rl3| tnt| x2t| rlb| 2pf| 2th| jl2| dxf| f2l| jlj| 2bh| ln3| tlh| z1n| tlj| 1lp| fr1| lf1| nhf| d1b| xvp| 2hf| xrp| 2rp| pb0| xpf| z0b| dnj| 0nv| np0| tl1| jbz| v1t| drb| 1xh| zt1| drx| r9r| xrp| 9pv| ln0| npx| f0b| hlt| lfb| 0zx| bv0| vxv| f8d| tdl| l9p| dxv| 9pf|