<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery.min.js"></script> <script> $(function() { $( "#datepicker1" ).datepicker({ dateFormat: 'yy/mm/dd' }); }); </script> 생년월일: <input type="text" id="datepicker1">
한국어로
<link rel="stylesheet" href="//code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="//code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script> <script> $(function() { $( "#datepicker1" ).datepicker({ dateFormat: 'yy-mm-dd', prevText: '이전 달', nextText: '다음 달', monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], dayNames: ['일','월','화','수','목','금','토'], dayNamesShort: ['일','월','화','수','목','금','토'], dayNamesMin: ['일','월','화','수','목','금','토'], showMonthAfterYear: true, changeMonth: true, changeYear: true, yearSuffix: '년' }); }); </script> 생년월일: <input type="text" id="datepicker1">
시작 ~ 끝
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="//code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script> <script> $(function() { $("#datepicker1, #datepicker2").datepicker({ dateFormat: 'yy-mm-dd' }); }); </script> <p>조회기간: <input type="text" id="datepicker1"> ~ <input type="text" id="datepicker2"> </p>
시작 ~ 끝 (한국어)
<link rel="stylesheet" href="//code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="//code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script> <script> $.datepicker.setDefaults({ dateFormat: 'yy-mm-dd', prevText: '이전 달', nextText: '다음 달', monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'], monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'], dayNames: ['일', '월', '화', '수', '목', '금', '토'], dayNamesShort: ['일', '월', '화', '수', '목', '금', '토'], dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'], showMonthAfterYear: true, yearSuffix: '년' }); $(function() { $("#datepicker1, #datepicker2").datepicker(); }); </script> <p>조회기간: <input type="text" id="datepicker1"> ~ <input type="text" id="datepicker2"> </p>
'개발 > JQUERY' 카테고리의 다른 글
jquery checkbox 제어하기 [체크개수] (0) | 2017.11.24 |
---|---|
jQuery ajax 기본 사용법 ... 비동기적 서버통신 done,fail, always (0) | 2017.08.02 |
jquery css 적용 방법 (0) | 2017.07.26 |
[Jquery radio button] 제이쿼리 라디오버튼 제어 (1) | 2017.05.18 |
jquery 배열, for문, 향상된 for문 each 객체의 확장 (0) | 2017.04.18 |