rolldate為上一版jquery移動端時間插件的全新版本，目前保留了上一版的大部分功能，并且增加了回調函數，以及主題風格選取，最重要的是解決了上一版本的遺留問題，依賴jquery、滑動不夠流暢、參數設計不夠合理等等。

開發日期選擇插件的原因，一是基于移動端設計的日期選擇插件確實不多，二是大多支持的日期格式不夠豐富，也不夠靈活，這在多變的項目需求中，無疑是捉襟見肘的。

rolldate效果圖

?

支持豐富的日期格式，比如年月、年月日、年月日時分、年月日時分秒，后續還可以擴展其他格式，并且通過一系列回調函數，你可以把日期修改為任意的格式展示，實現日期判斷等。

由于有上一版本的積累，rolldate在開發之初就有了完整的設計方案，下面為思維導圖設計

?

插件詳細的參數如上方思維導圖所示，這里就不過多解釋。

使用方式

commonJs

var rolldate = require('rolldate'); new rolldate.Date({el:'#date' })require.js require(['rolldate'],function(rolldate){new rolldate.Date({el:'#date'}) })browser(瀏覽器直接引入) new rolldate.Date({el:'#date' }) 完整調用示例 new rolldate.Date({el: '#date',format: 'YYYY-MM-DD',beginYear: 2000,endYear: 2100,theme: 'blue',tapBefore: function(el) {console.log('插件開始觸發');},moveEnd: function(el, iscroll) {console.log('滾動結束');},confirmBefore: function(el, date) {console.log('確定按鈕觸發');},confirmEnd: function(el, date) {console.log('插件運行結束');} })

演示地址(下方附二維碼)：rolldate，pc端建議使用手機模式打開

?

下載地址：https://github.com/weijhfly/rolldate

如果你發現bug或者有更好的建議，歡迎在下方的評論區評論告知，不勝感激。

總結

以上是生活随笔為你收集整理的移动端日期选择插件rolldate的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。