JQuery
[JQuery] datepicker 크기 조정 간단히 해보기 예제
Hwoarang757
2015. 2. 18. 03:26
기본적으로 제공된 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');
-- 테스트 결과