2012-11-04 1 views
1

PHP를 사용하여 mysql 데이터베이스에서 일련의 날짜를 가져와야합니다. 일단 데이터베이스를 쿼리하고 쿼리의 결과로 모든 날짜를 가질 수 있다면 예를 들어 jquery UI에 해당 날짜를 표시 할 수 있습니까? 달력?Jquery UI 캘린더에 mysql 날짜가 표시됩니까?

+0

[beforeShowDay' 이벤트] (http://jqueryui.com/datepicker/#event-beforeShowDay)를 사용하십시오. mysql 데이터베이스에서이 작업을 수행하는 방법에 대한 자세한 내용은 [이 튜토리얼] (http://stevethomas.com.au/jquery/jquery-datepicker-ajax-request-to-highlight-days-from-mysql.html)을 참조하십시오. –

답변

3

다음은 도움이되는 몇 가지 코드입니다. 다음 작업 버전에 대한 링크이다 : http://jsfiddle.net/tiborkiray/EXGW4/

CSS :

td.colorRed a { 
    color: #FF0000; 
} 

스크립트 :

$('#datepicker').datepicker({ 
     beforeShowDay: function(date) { 
     // apply your logic in here 
     if (date == yourDate) { 
       return [true, 'colorRed', 'ToolTip']; 
      } 
      return [true, '', 'ToolTip']; 
     } 
}); 

함수 beforeShowDay 매개 변수로 날짜를 취하고 배열을 반환한다 [0] 이 날짜가 선택 가능한지 여부를 나타내는 true/false와 같거나 [1] CSS 클래스 이름과 같거나 기본 프레젠테이션의 경우 "", [2]이 날짜에 대한 선택적 팝업 툴팁. 표시되기 전에 날짜 표시기에서 매일 호출됩니다.

서버 측 (MySql)의 날짜를 클라이언트 측에서 사용할 수 있도록 설정해야합니다. 일단 그 날짜가 있으면 beforeShowDay 로직에 추가하십시오. 자바 스크립트에서 새 날짜 (unix_timestamp * 1000); 자바 스크립트가 소비 할 수있는 서버 측 타임 스탬프를 변환합니다 (1000 초에서 밀리 초로 이동합니다)

+0

나는 또한 과거 날짜를 강조 표시하고 싶습니다. 캘린더를보고 쉽게 모든 게시물을 날짜별로 볼 수 있도록 게시물을 표시하는 데 사용됩니다. 위의 방법으로도 과거 날짜가 표시됩니까? – huddds

+0

이전 날짜에는 정상적으로 작동합니다. td.colorRed a { color : # FF0000! important; } –

+0

작동 버전에 대한 링크로 답변을 업데이트했습니다. http://jsfiddle.net/tiborkiray/EXGW4/ –

관련 문제