easyUI日期控件只選擇月份和日期

最近的工作中，有塊業務要求只選擇月份和日期，翻遍了easyUI的API和網絡資料也沒找到方法，網上幾乎都是只要年份或者年月，沒有我需要的場景。遂自己琢磨了下，最終成功只選擇月份和日期，過濾掉了年份。

我想要的是這樣的↓

 

我修改后的效果是這樣的↓

現分享代碼如下：

 

$("#"+param).datebox({
    showSeconds: false,
    required:true,
    onShowPanel: function () {// 隱藏年的選擇
        $(".calendar-prevyear").hide();
        $(".calendar-nextyear").hide();
        $(".calendar-menu-year-inner").hide();
    },
    formatter: function(date){
        if(date){
            var m = date.getMonth()+1;
            var d = date.getDate();
            m = m<10?('0'+m):m;
            d = d<10?('0'+d):d;
            return m+'-'+d;
        }
    },
    parser: function (date) {
        if (!date) return new Date();
    　　 var array = date.split(" ");// 分成日期和時間兩部分
     　　var arrayDate = array[0].split("-");
     　　var monthStr = arrayDate[0];
     　　var dayStr = arrayDate[1];
        var month = parseInt(monthStr,10);// 月份
        var day = parseInt(dayStr,10);// 日
        if (month && day){
        　　return new Date(null,month-1,day,null,null,null);
        } else {
        　　return new Date();
        }
    }
});  

var p = $("#"+param).datebox('panel'); //日期選擇對象
p.find('span.calendar-text').on('DOMSubtreeModified',function(e){
    var text = $(e.target).html();
    var onlyMonth = text.split(' ');
    if(onlyMonth.length > 1){
        $(".calendar-text").html(onlyMonth[0]);// 不顯示年份 
    }
});

其實解決思路就是隱藏面板中年的切換icon和年的點擊面板，然后在選中日期后把年份切割掉就好了。如果要選擇時分，把代碼中的datebox改成datetimebox即可。