Jquery |添加活動日期選擇器

Question

如何突出顯示或更改具有事件的日期的樣式？

Answer 1

我前一陣子試過，發現使用different datepicker更容易，並且它的行爲/看起來像jquery ui datepicker，而不是讓datepicker接收數據。

Answer 2

如果你看看http://jqueryui.com/demos/datepicker/的「主題化」標籤，它會告訴你一切，你可以在樣式CSS得到幹麻要:-)類，但我認爲它的UI狀態高亮級

Answer 3

如果你所要求的代碼添加事件和更改主題，我希望這可以幫助你：

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

     if (matching.length) { 
      result = [true, 'highlight', null]; 
     } 
     return result; 
    }, 
    onSelect: function(dateText) { 
     var date, 
      selectedDate = new Date(dateText), 
      i = 0, 
      event = null; 

     while (i < events.length && !event) { 
      date = events[i].Date; 

      if (selectedDate.valueOf() === date.valueOf()) { 
       event = events[i]; 
      } 
      i++; 
     } 
     if (event) { 
      alert(event.Title); 
     } 
    } 
});​ 

Calendar JSFiddle（從jQuery UI Datepicker : how to add clickable events on particular dates?檢索）