jQuery datepicker 팝업창 사이즈 바꾸기

이것저것 맨들다 보면 datepicker 달력 팝업창의 크기를 바꿔야 될 경우가 있다.

나 같은 경우는 모바일 페이지를 개발하고 있기 때문에 달력팝업창이 너무 쥐똥만한 크기로 나와 사이즈를 훅 키우고 싶었다.



jquery-ui-xxx.css 파일에서 요부분을 찾아

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }

font-size 를 원하는 크기로 요렇게 바꿔주면 된다. 달력 팝업 사이즈를 크게 하고 싶을때는 font 크기를 크게하고 작게 하고 싶을때는 font 크기를 작게 해주면 팝업창이 쥐똥만하게 뜬다.

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; font-size: 20px;}

뿌잉뿌잉~ 크게 크게

2011/11/06 - [jQuery Plugin] - jQuery UI datepicker z-index 때문에 datepicker 가 뽓 나타나지 않을때 해결하기

2011/11/01 - [Javascript] - Javascript 문자열 바이트수 가져오기(byteLength)

2011/10/07 - [Javascript] - Firefox 이벤트 객체의 srcElement 참조하기

2011/09/28 - [Javascript] - Javascript Timer setTimeout(), setInterval() 함수 나름 새로운 사용법 -_-

2011/09/09 - [Javascript] - Javascript Date format 함수

2011/09/09 - [Javascript] - Javascript escapeHtml, unescapeHtml 함수