하이라이트 시작 요일 Javascript/JQuery UI datepicker

나는 datepicker를 작동시키고 있으며 모든 기능을 가지고 있습니다. 는 주 피커 작품 것을 알 수있다 위의 이미지에서하이라이트 시작 요일 Javascript/JQuery UI datepicker

Datepicker - Week is not highlighted

. 그러나 나는 datepicker가 현재 주를 강조하고 싶습니다. 이 예에서는주의 시작 부분 전체를 강조해야합니다. 어느 쪽이 좋을까? What I would like

어떻게 처리 할 수 있습니까?

편집 이상적으로 페이지가로드 될 때 사용자가 주를 선택하지 않아도 현재 주를 강조 표시하고 싶습니다. 제공된 예제에서는 현재 날짜가 선택되어 있지만 현재 주를 자동으로 선택하려고합니다.

아래

Current Week already selected

출처

2011-07-28 David

클래스 ui-datepicker-current-day을 가지고 선택되는 TD, 즉이 될 수 있도록 무엇을 찾을 싶어요. datepicker 요소와 함께 클릭 이벤트를 첨부하여 강조 표시를 할 수 있습니다 (예 :

$("#datepicker").datepicker().click(function(event) { 
    // highlight the TR 
    $(".ui-datepicker-current-day").parent().addClass('highlight'); 

    // highlight the TD > A 
    $(".ui-datepicker-current-day").siblings().find('a').addClass('highlight2'); 
});

그리고 당신은 당신의 마음의 콘텐츠에 highlight 및 highlight2 클래스를 정의 할 수 있습니다.

날짜가 클릭 될 때마다 일정이 새로 고쳐 지므로 onSelect 이벤트는 트릭을 수행하지 않습니다. http://jsfiddle.net/9DdfL/2/

출처

2011-07-29 13:52:32

당신이 제공 한 귀하의 모범은 정확하게하려고하는 것입니다 – David

마찬가지로 날짜 선택기에서 날짜의 각 행은 <tr>이다. 오늘 날짜가 포함 된 <td> 요소의 클래스는 ui-datepicker-today입니다.
때문에, 당신은 당신이 원하는대로 클래스 대응 TR을 얻을 할당이 요소의 부모를 검색 할 수 있습니다
$(".ui-datepicker-today").parent().addClass(...)

출처

2011-07-28 13:49:13

부모 요소가 corressponding 위치를 모르겠어요 : 여기

은 예입니다. – David

상위 요소는 녹색으로 강조 표시 한 행을 포함하는 ''입니다. 나는 firebug 나 다른 개발자 도구를 사용하여 youreslf에 대한 HTML 마크 업을 확인하는 것이 좋습니다. –

나는 방화 광을 사용하여 html을 체크 아웃했고 매주 int가 분리되어 있다는 것을 알고있다. . 나는 내가 뭘하려고하는지 더 설명하기 위해 나의 포스트를 편집했다. – David

하이라이트 시작 요일 Javascript/JQuery UI datepicker

답변

관련 문제