jQuery UI datepicker 크기 조정
Language/jQuery 2014. 11. 18. 10:20- jQuery UI datepicker 크기 조정
- jQuery UI 날짜 선택기 너비
- jQuery UI 날짜 선택기 작게
주요 소스 코드
.ui-datepicker{ font-size: 12px; width: 160px; } .ui-datepicker select.ui-datepicker-month{ width:30%; font-size: 11px; } .ui-datepicker select.ui-datepicker-year{ width:40%; font-size: 11px; }
전체 소스 코드
<!DOCTYPE html> <meta charset="utf-8" /> <link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" type="text/css" media="all" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js" type="text/javascript"></script> <script> $(function() { $( "#datepicker1" ).datepicker({ dateFormat: 'yy-mm-dd' }); }); </script> <style> .ui-datepicker{ font-size: 12px; width: 160px; } .ui-datepicker select.ui-datepicker-month{ width:30%; font-size: 11px; } .ui-datepicker select.ui-datepicker-year{ width:40%; font-size: 11px; } </style> <p>생년월일: <input type="text" id="datepicker1"></p>
같이 보기
출처 - http://jmnote.com/wiki/JQuery_UI_datepicker_%ED%81%AC%EA%B8%B0_%EC%A1%B0%EC%A0%95
'Language > jQuery' 카테고리의 다른 글
| jquery.form.js (0) | 2014.11.18 |
|---|---|
| jQuery-$.cookie 플러그인 사용법 (쿠키 활용편) (0) | 2014.11.18 |
| jQuery growl notification plugin (0) | 2014.11.17 |
| jQuery override default validation error message display (Css) Popup/Tooltip like (0) | 2014.11.17 |
| JQuery Validation(Validate) Plugin (0) | 2014.11.17 |