"JQuery UI datepicker 한국어 적용"의 두 판 사이의 차이

2021년 4월 13일 (화) 23:44 기준 최신판

1 개요[ | ]

jQuery UI datepicker 한국어
jQuery UI datepicker 한글 적용

<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: 'yymmdd',
        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").datepicker();
    });

</script>

생년월일: <input type="text" id="datepicker1">

2 같이 보기[ | ]

jQuery UI 날짜선택기

@@ 3번째 줄: / 3번째 줄: @@
 ;jQuery UI datepicker 한글 적용
-<source lang='html'>
+<syntaxhighlight lang='html' run outheight='350'>
 <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>
@@ 9번째 줄: / 9번째 줄: @@
 <script>
      $.datepicker.setDefaults({
-         dateFormat: 'yy-mm-dd',
+         dateFormat: 'yymmdd',
          prevText: '이전 달',
          nextText: '다음 달',
@@ 28번째 줄: / 28번째 줄: @@
 생년월일: <input type="text" id="datepicker1">
-</source>
+</syntaxhighlight>
-<jsfiddle height='350'>xy0d7a01</jsfiddle>
 ==같이 보기==