Calendar in jQuery(Datepicker) / 제이쿼리로 달력 만들기

<html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Datepicker - Default functionality</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.8.3.js"></script> <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css" /> <script> $(function() { $("#datepicker").datepicker(); }); </script> </head> <body> <p> Date: <input type="text" id="datepicker" /> </p> </body> </html>


--------------------------------------------------------------------

<!--소스코드 수정하기-->

<script type="text/javascript"> $(function() { $(".datepicker").datepicker({ dateFormat: 'yymmdd', monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], dayNamesMin: ['일','월','화','수','목','금','토'], changeMonth: true, //월변경가능 changeYear: true, //년변경가능 showMonthAfterYear: true, //년 뒤에 월 표시 }); }); </script>

댓글

이 블로그의 인기 게시물

Lottery in javascript / 자바스크립트로 경품추첨기 만들기

Quick Menu(flying menu) in jQuery / 제이쿼리로 퀵메뉴 바 만들기

Accordion Menu in jQuery / 제이쿼리로 아코디언 메뉴 만들기