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

猜你喜欢

转载自blog.csdn.net/qq_20552525/article/details/82702270