查詢下拉框只顯示年份（jquery年份插件）

(function(){
    $.parser.plugins.push("yearbox");//注冊擴展組件
    $.fn.yearbox = function (options, param) {//定義擴展組件
        //當options為字符串時，說明執行的是該插件的方法。
        if (typeof options == "string") {
            return $.fn.combogrid.apply(this, arguments);
        }
        options = options || {};
        var currentYear = new Date().getFullYear();

        //當該組件在一個頁面出現多次時，this是一個集合，故需要通過each遍歷。
        return this.each(function () {
            var jq = $(this);

            //$.fn.combogrid.parseOptions(this)作用是獲取頁面中的data-options中的配置
            var opts = $.extend({
                minYear: 1900, // 最小年份
                maxYear: 2099, // 最大年份
                initYear: currentYear, // 初始年
                initCount: 10, // 初始年個數
                value: currentYear// 默認選中的年份
            }, $.fn.combogrid.parseOptions(this), options);

            var data = [];
            for (var i = opts.initYear; i <= (opts.initYear + opts.initCount); i++) {
                data.push({id: i});
            }

            //把配置對象myopts放到$.fn.combobox這個函數中執行。
            var myopts = $.extend(true, {
                   height: 26,
                   width: 150,
                data: data,
                showHeader: false,
                fitColumns:true,
                border: false,
                idField: 'id',
                columns: [[
                    {field: 'id', width: 150}
                ]]
            }, opts);
            $.fn.combogrid.call(jq, myopts);
            var grid = $.fn.combogrid.call(jq, 'grid');
            var gridPanel = $.fn.datagrid.call(grid, 'getPanel');
           $(gridPanel).find('td').css('border', 'none');
          $(gridPanel).find('.datagrid-body').on('scroll', function (e) {
               if (!e.isTrigger && this.scrollTop === 0) { // 觸頂加載
                 var currentMinYear = data[0].id;
                if (currentMinYear - 1 >= opts.minYear) {
                      $.fn.datagrid.call(grid, 'insertRow', {
                            index: 0,    // 索引從0開始
                         row: {id: currentMinYear - 1}
                      });
                     var h = $(gridPanel).find('td').last().height();
                       $(this).scrollTop(h);
                  }
                } else if (this.scrollTop + this.clientHeight === this.scrollHeight) { // 觸底加載
                    var currentMaxYear = data[data.length - 1].id;
                  if (currentMaxYear + 1 <= opts.maxYear) {
                       $.fn.datagrid.call(grid, 'appendRow', {
                           id: currentMaxYear + 1
                       });
                    }
               }
                $(gridPanel).find('td').css('border', 'none');
            });
        });
    };
})();