개발/JQUERY
jquery datepicker(한글)
료팡
2017. 8. 1. 17:13
<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>