时间 方格月份选择

JS如下：

//下拉选月份
    $.extend($.fn.combobox.methods, {
        yearandmonth: function (jq) {
            return jq.each(function () {
                var obj = $(this).combobox();
                var date = new Date();
                var year = date.getFullYear();
                var month = date.getMonth() + 1;
                var table = $('<table>');
                var tr1 = $('<tr>');
                var tr1td1 = $('<td>', {
                    text: '-',
                    click: function () {
                        var y = $(this).next().html();
                        y = parseInt(y) - 1;
                        $(this).next().html(y);
                    }
                });
                tr1td1.appendTo(tr1);
                var tr1td2 = $('<td>', {
                    text: year
                }).appendTo(tr1);
                var tr1td3 = $('<td>', {
                    text: '+',
                    click: function () {
                        var y = $(this).prev().html();
                        y = parseInt(y) + 1;
                        $(this).prev().html(y);
                    }
                }).appendTo(tr1);
                tr1.appendTo(table);
                var n = 1;
                for (var i = 1; i <= 4; i++) {
                    var tr = $('<tr>');
                    for (var m = 1; m <= 3; m++) {
                        var td = $('<td>', {
                            text: n,
                            click: function () {
                                var yyyy = $(table).find("tr:first>td:eq(1)").html();
                                var cell = $(this).html();
                                var v = yyyy + '-' + (cell.length < 2 ? '0' + cell : cell);
                                obj.combobox('setValue', v).combobox('hidePanel');
                                searchBasic();//点击时间触发的方法
                            }
                        });
                        if (n == month) {
                            td.addClass('tdbackground');
                        }
                        td.appendTo(tr);
                        n++;
                    }
                    tr.appendTo(table);
                }
                table.addClass('mytable cursor');
                table.find('td').hover(function () {
                    $(this).addClass('tdbackground');
                }, function () {
                    $(this).removeClass('tdbackground');
                });
                table.appendTo(obj.combobox("panel"));
            });
        }
    });

CSS

<style type="text/css">
.mytable {
    padding: 0px;
    margin: 0px 0px;
    border-collapse: collapse;
    font-family: @宋体;
    empty-cells: show;
}

.mytable caption {
    font-size: 12px;
    color: #0E2D5F;
    height: 16px;
    line-height: 16px;
    border: 1px dashed red;
    empty-cells: show;
}

.mytable tr th {
    border: 1px dashed #C1DAD7;
    letter-spacing: 2px;
    text-align: left;
    padding: 5px 10px 5px 11px;
    font-size: 13px;
    height: 16px;
    line-height: 16px;
    empty-cells: show;
}

.mytable tr td {
    font-size: 12px;
    border: 1px dashed #C1DAD7;
    padding: 5px 10px 5px 11px;
    text-align: center;
    empty-cells: show;
    border-collapse: collapse;
}
</style>

body

<input type="text" class="easyui-combobox" id="month2"
                        name="c_month" panelHeight="auto"
                        style="width:124px" editable="false" />