1. 程式人生 > >好用的Jquery框架

好用的Jquery框架

以下的框架都是自己專案用過的,有需要的,可以直接拿走用!

一、Date

(1)jeDate日期控制元件 -(原生JS版)

         簡潔,清新,好配置

         官網:http://www.jemui.com/

         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,
        });