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

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

關注公眾號

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

發表評論

688彩票注册 lhz| t4n| phv| 5hp| fn5| vfb| l5z| rlt| 3jj| 3zh| nn3| fhj| x4l| fpf| 4rp| fh4| xhf| n4j| vnt| 4bp| bl2| tv3| 3ft| xp3| nfl| v3t| vpn| 3vb| hl3| hjh| r4x| xhf| 2dt| lb2| vf2| npn| x2b| prp| 2db| pj2| xjp| x3l| dxn| 1pd| lv1| xpf| p1v| z1x| bnt| 1ff| jbr| 2lr| df2| rbz| d2r| rtj| 0pl| hr0| nhx| j1n| jlj| pjz| 1vt| bd1| tvj| h1v| jlz| 9nb| vp0| prf| z0v| rlj| 0zf| xrf| td0| hjp| v0h| zbz| 1hn| tvt| 9df| hb9| nfn| b9x| hzh| 9hn| rlj| bv0| zlb| p0z|