jQuery 날짜 선택기 beforeShowDay에 html 추가

Question

jquery 선택한 날짜에 html을 추가하려고합니다. 우리는 "beforeShowDay"함수를 통해 색상을 지정할 수 있다는 것을 알고 있지만 선택한 날짜에 html을 추가 할 수있는 참조를 찾지 못했습니다. 예를 들어

우리는

$('#txtDate').datepicker({ 
    beforeShowDay: function(date) { 
     var Highlight = SelectedDates[date]; 
     if (Highlight) { 
      return [true, "Highlighted", Highlight]; 
     } 
     else { 
      return [true, '', '']; 
     } 
    } 
}); 

Fiddle

어떤 일이 우리를 도울 수있는이 코드이를 위해이

을 달성하기 위해 쓴하려고? 모든 유형의 도움을 주시면 감사하겠습니다.

Answer 1

먼저 이벤트 afterShow을 추가

$(function(){ 
    $.datepicker._updateDatepicker_original = $.datepicker._updateDatepicker; 
    $.datepicker._updateDatepicker = function(inst) { 
     $.datepicker._updateDatepicker_original(inst); 
     var afterShow = this._get(inst, 'afterShow'); 
     if (afterShow) 
      afterShow.apply((inst.input ? inst.input[0] : null)); // trigger custom callback 
    } 
}) 

그런 다음 beforeShowDay에 클래스를 추가 :

beforeShowDay: function(date) { 
    var highlight = eventDates[date]; 
    if(highlight){ 
     return [true, 'someClass someClass someClass', '']; 
    }else{ 
     return [true, '', '']; 
    } 

}, 

지금 당신이 someClass를 사용 afterShow 이벤트에 대한 최신의 HTML을 수정할 수 있습니다.