好用的Jquery框架
阿新 • • 發佈:2018-11-28
以下的框架都是自己專案用過的,有需要的,可以直接拿走用!
一、Date
(1)jeDate日期控制元件 -(原生JS版)
簡潔,清新,好配置
Git:https://github.com/singod/jeDate
目前最新版本有一個小bug,今天(2018-09-14)測試的時候測出來的,之前沒有注意到,希望用到的朋友可以注意一下
這個問題只有下載下來在本地執行會有,在人家官網上不會出現,不明白為啥。想上傳圖片,傳不了。
bug:單面板 點>(後一個月)操作,不會增加月份,別的正常,這是單個的選擇,如果是雙面板的不會有這個問題。
(2)datetimepicker
官網:http://www.bootcss.com/p/bootstrap-datetimepicker/
同上,兩個都很好用
二、自動填充框架
(1)typeahead
官網:http://twitter.github.io/typeahead.js/
例子:自己專案中用到的例子
/** * 自動填充 */ $('#typeahead').typeahead({ minLength: 0,//鍵入字數多少開始補全 showHintOnFocus: "true",//將顯示所有匹配項 fitToElement: true,//選項框寬度與輸入框一致 // items: 10,//提示數量上限 source: function (query, process) { $.ajax({ url: '/users/queryUsersNameAndId', type: 'post', data: {name: query}, success: function (result) { process(result); }, }); }, updater: function (item) { return item;//這裡一定要return,否則選中不顯示,外加呼叫display的時候null reference錯誤。 }, displayText: function (item) { return "" + item.name;//返回字串 }, afterSelect: function (item) {//選中一條資料後的回撥函式,此處可以向隱藏域賦值資料id $('#typeahead').val(item.name); vm.entity.userId = item.id; }, autoSelect: false, });