在劍道日曆中突出顯示的日期僅適用於提醒

Question

我已經看到很多關於'JavaScript只能在提醒中工作'的問題，但答案僅針對那些問題。我正在使用Kendo Calender，並希望突出顯示數據庫中的具體日期。下面的代碼工作正常，只有當警報written.Kindly幫助：

var duedates = []; 
    function GetDueDates() { 
        $.ajax({ 
        type: "POST", 
        url: "ChartBinder.asmx/GetDueDates", 
        data: '{}', 
        contentType: "application/json; charset=utf-8", 
        dataType: "json", 
        success: function (msg) { 
         duedates = $.parseJSON(msg.d);  
        }, 
        error: function (msg) {  
         alert("error"); 
        }  
       }); 
       } 


    $(document).ready(function() { 
       GetDueDates(); 

//當在這裏插入警報功能的工作原理..

   var today = new Date(); 
       $("#calendar").kendoCalendar({ 
        change: onChange, 
        navigate: onNavigate, 
        value: today, 
        dates: duedates, 
        month: { 
         // template for dates in month view 
         content: '# if ($.inArray(+data.date, data.dates) != -1) { #' + 
            '<div class="' + 
              "dataexist" + 
              '"></div>' + 
           '# } #' + 
           '#= data.value #' 
        }, 
        footer: "Today - #=kendo.toString(data, 'd') #" 

       });   

      $(document).find("#panelbar").kendoPanelBar({ 
       expandMode: "single" 
      }); 
     }); 

Answer 1

得到了解決：改變了代碼如下：

var duedates = [];  
    function GetDueDates() { 
      $.ajax({ 
      type: "POST", 
      url: "ChartBinder.asmx/GetDueDates", 
      data: '{}', 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function (msg) { 
       duedates = $.parseJSON(msg.d);     
        }, 
      error: function (msg) {  
       alert("error"); 
      } }); 
     } 

    $(document).ready(function() { 
     GetDueDates(); 
     setTimeout(function() { loadCalender(); }, 100); 
     $(document).find("#panelbar").kendoPanelBar({ 
      expandMode: "single" 
     }); 
     }); 


    function loadCalender() { 
     var today = new Date(); 
     $("#calendar").kendoCalendar({ 
      change: onChange, 
      navigate: onNavigate,  
      value: today, 
      dates: duedates, 
      month: { 
       // template for dates in month view 
       content: '# if ($.inArray(+data.date, data.dates) != -1) { #' + 
               '<div class="' + 
                 "dataexist" + 
                  '"></div>' + 
               '# } #' + 
               '#= data.value #' 
      }, 
      footer: "Today - #=kendo.toString(data, 'd') #" 
      });  
    }