jQuery UI Datepicker。

Question

我正在使用jQuery UI Datepicker。如何在click事件中將元素添加到元素上。

以下是我的代碼。我究竟做錯了什麼？

$(function(){ 

    $('#calendar').datepicker(); 
    $('#calendar').children('td').click(function(){ 
     $(this).addClass('selected'); 
    }); 

}); 

Answer 1

這裏有一個快速的解決方案，應該讓你開始，反正：

var selectedDay = new Date().getDate(); 

$(function() { 
    $("#calendar").datepicker({ 
     onSelect: function(dateText, inst) { 
      // Save the selected day on select (if you show other months dates, you should save the selected month also.) 
      selectedDay = inst.selectedDay; 
     }, 
     // This is run for every day visible in the datepicker. 
     beforeShowDay: function (date) { 
      if (date.getDate() == selectedDay) { 
       return [true, "selected", ""]; // Here you set your css class 
      } else { 
       return [true, ""] 
      } 
     } 
    }); 
});​ 

的beforeShowDay功能將採取設置的CSS類的保健和其他天將其刪除。

當然，您可以擴展此選項以使用多個選定的日期，這只是爲了顯示您可以開始的位置。