DHTMLX Sceduler定製新年查看與過濾

我加入了4個自定義標籤（標籤）的調度，像這樣：DHTMLX Sceduler定製新年查看與過濾

<div class="dhx_cal_tab a-tab" name="A_tab" style="right:50px;"></div> 
<div class="dhx_cal_tab b-tab" name="B_tab" style="right:50px;"></div> 
<div class="dhx_cal_tab c-tab" name="C_tab" style="right:50px;"></div> 
<div class="dhx_cal_tab d-tab" name="D_tab" style="right:50px;"></div>

而且已經迷上他們是這樣的：

scheduler.locale.labels.A_tab = "A" 
scheduler.locale.labels.B_tab = "B" 
scheduler.locale.labels.C_tab = "C" 
scheduler.locale.labels.D_tab = "D"

它們看起來像這個在標題：

我想要做的是能到c舔這些按鈕中的每一個，並且這將顯示僅具有屬性的事件的年視圖，假設A，B，C或D的type - 取決於在年度視圖中選擇哪個視圖。

以下是我第一次嘗試：

scheduler.attachEvent("onTemplatesReady",function(){ 
      scheduler.date.A_start = scheduler.date.B_start = scheduler.date.C_start = scheduler.date.D_start = function(e){return e.setMonth(0),this.month_start(e)}; 
     scheduler.date.get_A_end = scheduler.date.add_B = scheduler.date.add_C = scheduler.date.add_D = function(date,inc){ 
     return scheduler.date.add(date,inc*1,"year"); 
     } 
      scheduler.date.add_A = scheduler.date.add_B = scheduler.date.add_C = scheduler.date.add_D = function(start_date){ 
      return scheduler.date.add(start_date,1,"year"); 
     } 
     scheduler.templates.A_date = scheduler.templates.B_date = scheduler.templates.C_date = scheduler.templates.D_date = scheduler.templates.year_date; 
     scheduler.templates.A_scale_date = scheduler.templates.B_scale_date = scheduler.templates.C_scale_date = scheduler.templates.D_scale_date = scheduler.templates.year_scale_date; 

      scheduler.filter_year = function(id, event) { 
       // display event only if its type is set to the mode of the 
       if (event.type=== scheduler.getState().mode) { 
        return true; 
       } 
       // default, do not display event 
       return false; 
      }; 
     });

然而，當我跑點擊標籤，我得到以下之一：