添加自定義的數據要劍道UI日曆工具提示

Question

我有以下的日曆和工具提示：

$("#achCalendar").kendoCalendar({ 
    dates: events, 
    navigate: MonthNavigate, 
    change: DateChange, 
    value: cur, 
    month: { 
     // template for dates in month view 
     content: "# if ($.inArray(data.date.formatMMDDYYYY(), events) != -1) { data.title('check check'); #" + 
         "<div class='" + 
        "# if (data.date < currentDate) { #" + 
         "past" + 
        "# } else if (data.date.formatMMDDYYYY() == currentDate.formatMMDDYYYY()) { #" + 
         "current" + 
        "# } else { #" + 
         "future" + 
        "# } #" + 
       "'>#= data.value #</div>" + 
      "# } else { #" + 
      "#= data.value #" + 
      "# } #" 
    }, 
    footer: "Today - #=kendo.toString(data, 'd') #" 
}); 

var tooltip = $("#achCalendar").kendoTooltip({ 
    filter: "td .k-link", 
    width: 120, 
    position: "top", 
    content: function(e) { 
     var target = e.target; // the element for which the tooltip is shown 
     return target.data("title"); // set the element text as content of the tooltip 
    } 
}).data("kendoTooltip"); 

我想要做的是每天添加將出現在提示一些自定義文本。我正在考慮每天更新標題，但這似乎並沒有奏效，至少我試圖這樣做。

任何想法？提前致謝。

Answer 1

這裏是Telerik的迴應：

$(document).ready(function() { 

     $("#achCalendar").kendoCalendar({ 
     dates: events,   
     month: { 
      // template for dates in month view 
      content: "# if ($.inArray(+data.date, events) != -1) { #" + 
      "<div data-tooltip='#=kendo.toString(data.date, \"d\")#' class='" + 
      "# if (data.date < currentDate) { #" + 
      "past" + 
      "# } else if (data.date == currentDate) { #" + 
      "current" + 
      "# } else { #" + 
      "future" + 
      "# } #" + 
      "'>#= data.value #</div>" + 
      "# } else { #" + 
      // wrap the text in a div in order to add the data-tooltip 
      "<div data-tooltip='#=kendo.toString(data.date, \"d\")#'>#= data.value #</div>" + 
      "# } #" 
     }, 
     footer: "Today - #=kendo.toString(data, 'd') #" 
     }); 

     $("#achCalendar").find(".k-state-selected").removeClass("k-state-selected"); 

     var tooltip = $("#achCalendar").kendoTooltip({ 
     filter: "td .k-link>div", // target the inner element to which the data-tooltip is added 
     width: 120, 
     position: "top", 
     content: function(e) { 
      var target = e.target;        
      return target.data("tooltip"); 
     } 
     }).data("kendoTooltip"); 
    }); 

這裏是道場例如

http://dojo.telerik.com/@rkonstantinov/iwuNU