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;}