jquery ui datepicker 사용자 정의 열 추가하기

Question

나는 out-of-the-box 사용자 설명서를 가지고 달력 기반의 상태 표시로 재구성하려고합니다.

추가 열을 채우는 데 문제가 있습니다. 이 코드는 값을 잘 업데이트하지만 결과는 항상 가장 큰 주입니다.이 경우 13 번째 주입니다. 저는 이것을 통해 1 주, 2 주 등을 볼 수 있습니다. 1 주일에 1 주일 스틱을, 2 주일에 2 명을하는 식으로 진행합니다. 결국, 아약스 함수를 추가하여 실제 백분율로 값을 채 웁니다.

$('td.ui-datepicker-week-col').each(function (index) { 
    var weekno = $(this).text(); 
    var pctValHTML = "<td id=pct-val-" + weekno + " class='pctVal'>" + weekno + "</th>"; 
    $("td.pctVal").replaceWith(pctValHTML); 
}); 

새 열을 어떻게 업데이트합니까? 새로 고침이 (하루를 클릭하여 경고를받을) 것으로 http://jsfiddle.net/mv5492/PuWWS/1/

참고 추가 열을 지워 버리고 :

여기에 내 현재 동작을 보여주는 바이올린입니다. 나는 그것을 별도로보고있다.

감사합니다, 마이크

Answer 1

이 줄 :

$("td.pctVal").replaceWith(pctValHTML); 

매 td.pctVal을 선택하고 HTML을 대체하고있다. 이로 인해 모든 td.pctVal에는 반복되는 지난주의 값이 포함됩니다. 당신은 아마이 대신 뭔가를 원하는 :

$(this) 
    .closest('tr')   // find the common ancestor `tr` 
    .find('td.pctVal')  // from there, find the correct `td.pctVal` 
    .replaceWith(pctValHTML); 

업데이트 예 :http://jsfiddle.net/PuWWS/7/