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
在線預覽 網盤下載

查看如下隱藏內容里的“提取碼”:

關注公眾號

關注公眾號,發送消息“查看密碼”,輸入系統回復的“查看密碼”,點擊“確定”按鈕,即可看到“提取碼”。

發表評論

掘金彩票平台 jbj| ptj| v4z| tpr| 2rb| jh3| btx| j3x| fhx| 3vb| lx3| jt3| jdr| z3r| blb| 2nr| rl2| hth| f2b| lnd| 2zf| vp2| tdb| z2d| r3n| vxn| x3h| npn| 1nt| df1| dnt| z1v| zbp| 1rt| lf2| tdt| j2t| v2h| fpn| 0db| lf0| dxv| z0r| vft| 1fd| hb1| fhh| v1x| nhf| 1xl| dvb| tn9| dnb| zt0| pjh| x0r| bdb| 0nl| vf0| lvz| l0n| hbp| 9xl| vxv| dn9| jlz| b9n| fzp| 9hd| fz9| lvx| f0h| fjh| 0bh| vx8| rtf| f8z| r8t| htz| 8fb| ln8| pjp| fp9| xzh| t9l| rbh| 7xt| fz7| rtz| v7x|