jquery datepicker 캘린더의 요일 번호에 정보 추가

Question

jquery datepicker의 캘린더에 추가 정보를 추가하고 싶습니다. 현재 캘린더는 캘린더보기에 나열된 날짜가 표시된 월을 표시합니다. 내가 원하는 것은 날짜 번호 옆에 괄호 안에 숫자를 추가하는 것입니다. 나는 스케줄러에 대한 양식을 쓰고 있는데 그 일정을 사용하여 그 날에 얼마나 많은 이벤트가 이미 예정되어 있는지 보여주고 싶다.

나는이 게시물에 그림을 추가 할 수있는 충분한 권한이 없으므로 아래에서 찾고자하는 것을 보여주기 위해 최선을 다할 것입니다.

정기적으로 날짜 선택기 달력 :

Su M T W TH F Sa 
1 2 3 4 5 6 7 
8 9 10 11 12 13 14 

것은 내가 무엇을 찾고 :

Su  M  T  W  TH  F  Sa 
1(2) 2(1) 3(1) 4(1) 5(1) 6(1) 7(8) 
9(1) 10(2) 11(5) 12(4) 13(3) 14(6) 15(2) 

**the numbers in parenthesis() are the number of appointments 
    already scheduled for that day.** 

내가 필요한 정보는 MySQL의 쿼리에서 괄호에 입력 할 수. 날짜와 횟수를 반환합니다. 솔루션에 필요한 모든 항목과 일치하도록 날짜 형식을 지정할 수 있습니다.

나는 정의가 카운트 (예 : var 2012-1-30 = 1, var 2012-1-31 = 4) 인 특정 날짜 이후에 명명 된 변수를 생성 할 생각을 가지고있었습니다. 그럼 내가 어떻게 든 datepicker 함수를 하루에 내가 만든 변수 날짜와 일치 정의를 추가 할 것입니다. 이 함수를 datepicker 함수에 추가하는 방법이 있는지 확실하지 않습니다.

시도해 보지 못한 또 다른 해결책은 jquery로 매일을 선택할 수 있도록 매일 추가하는 datepicker 함수를 편집하는 것이 었습니다. 예를 들어 2012 년 1 월 30 일에는 [class = "date_2012-1-30"]처럼 보이는 수업이있었습니다. 수동으로 클래스를 사용하여이 방법으로 날짜를 선택하고 편집 할 수는 있지만 (이 방법으로 두 번째 그림을 편집 한 방법),이 정보를 사용하는 데 datepicker를 사용할 수 없습니다. datepicker에서 beforeshow 이벤트를 시도했는데 캘린더에 일치하는 클래스가 표시되기 전에 텍스트를 편집 할 수 있다고 생각했지만 작동하지 않았습니다.

내가 찾고있는 것을 성취하는 방법에 대한 아이디어가 있다면 궁금합니다. 다시 말하지만 jquery datepicker의 캘린더에서 날짜 번호 뒤에 괄호 안에 숫자를 추가하려고합니다.

도움 주셔서 감사합니다.

Answer 1

당신은

dateday 날짜와 날짜에 추가 할 클래스가

$("#datepicker").datepicker({ 
    beforeShowDay: function(date) { 
     return [true, 'date_' + date.getTime()]; 
    } 
}); 

클래스가 추가되는 날, 그 beforeShowDay 이벤트를 설정하여 모든 일에 클래스를 추가 할 수 있습니다.

http://jsfiddle.net/NA9p5/