2012-07-31 2 views
1

모바일 또는 데스크톱에서 사이트를 탐색 중인지에 따라 캘린더를 변경하는 데 관심이 있습니다.두 가지 유형의 캘린더를 같은 양식에 두는 방법은 무엇입니까?

이 jQuery에는 일정 관리 모드와 Android 모드가 있습니다. http://dev.jtsage.com/jQM-DateBox/

브라우저 크기에 따라 어떻게 변경합니까?

나는 그에 따라 브라우저 USER_AGENT 및 디스플레이 JQuery와 달력을 감지하는 더 나은 것이

document.documentElement.clientWidth 
+0

if ($ (window) .width() <= 480) {...}' – elclanrs

답변

1

같은 것을 사용합니다. 다음은 코드 예입니다.

if(navigator.userAgent.indexOf("Android") >= 0 || navigator.userAgent.indexOf("iPhone") >= 0) { 
// Show mobile calendar 
} else { 
// Show desktop calendar 
}