在jquery日期選擇器中突出顯示事件

Question

我想突出顯示datepicker中的事件，但我無法使其工作。事件在日曆中（當我點擊它們時，所有的功能都是正確的），只是沒有突出顯示。以下是我如何試圖突出它們：

 beforeShowDay: function (date) { 
      var result = [true, '', null]; 
      var matching = $.grep(events, function (event) { 
      return event.Date.valueOf() === date.valueOf(); 
     }); 

     if (matching.length) { 
      //Adds highlight to day 
      result = [true, 'highlight', null]; 
     } 
     return result; 
    }, 

有什麼建議嗎？

Answer 1

你正在使用你的var result變量的方式潛在的風險很大。

This JSFiddle會告訴你這是一個怎樣的問題。點擊'Click1'，它會提醒你，但點擊'Click2'將不會提醒。

聲明你的匿名函數function (date) {的變量外，即

var result = [true, '', null]; 

    beforeShowDay: function (date) { 
     var matching = $.grep(events, function (event) { 
     return event.Date.valueOf() === date.valueOf(); 
    }); 

    if (matching.length) { 
     //Adds highlight to day 
     result = [true, 'highlight', null]; 
    } 
    return result; 
}, 

Answer 2

你的腳本應該工作，就像調試步驟，檢查輸出，並類：「亮點」被真正添加標籤上的？爲了確保這一點，檢查元素。確保你已經添加了一個類的亮點到CSS。