劍道日曆約會查看器

Question

嗨，有沒有什麼辦法來顯示在劍道日曆控制選定的日期約會？

類似於，如果我在1月1日約會，我的日曆應顯示一條消息和日期（在同一個kendo日曆控件中）。剩下的日期只會是正常的風格。

Answer 1

通過在聲明日曆時定義模板函數，可以在每個日期顯示自定義內容。此功能將針對日曆中顯示的每個日期進行調用。以下示例顯示瞭如何執行此操作：

// Define dates that have appointments 
var calDates = []; 
calDates[+new Date(2013, 0, 1)] = [{ Description: "Appointment foo", Time: "09:00"}]; 
calDates[+new Date(2013, 0, 2)] = [{ Description: "Appointment bar", Time: "10:00" }, { Description: "Appointment baz", Time: "12:00"}]; 

// Declare Kendo Calendar 
$("#div1").kendoCalendar({ "value": new Date(2013, 0, 1, 0, 0, 0, 0), "month": { "content": "#= BuildDateMarker(data) #"} }); 

// Template function 
function BuildDateMarker(data) { 

    // Get any appointments for this date  
    var appointments = calDates[+data.date]; 

    if (!appointments || appointments == 'undefined') { 
     // No appointments for this date, so return default marker (day of the month) 
     return data.date.getDate(); 
    } 

    // Open marker 
    var marker = '<div class="appointments" title="' + data.date + '">'; 

    // Add item for each of this date's appointments 
    for (var i = 0; i < appointments.length; i++) { 
     var appointment = appointments[i]; 
     marker += '<span class="appointment">' + appointment.Description + ', at ' + appointment.Time + '</span>'; 
    } 

    // Close marker 
    marker += '</div>'; 

    return marker; 
}