[JQuery] datepicker 크기 조정 간단히 해보기 예제

기본적으로 제공된 css 파일을 수정하지 않고 css 메서드를 이용해 사항을 설정해 보았습니다.

 

 

-- Font-size를 40px 설정해보니 상단의 년도와 , 월~토요일까지가 글자의 크기가 변경되는 것을 확인하였습니다. 

$('.ui-datepicker').css('font-size', '40px');

 

-- 년도 SelectList 의 높이 조정과 넓이 조정  

 

$('.ui-datepicker select.ui-datepicker-year').css('width', '40%').css('height', '50px').css('font-size','40px');

 

-- 일자의 글자 크기 조정

 

$('.ui-datepicker td span, .ui-datepicker td a').css('font-size', '40px');

 

-- 테스트 결과