Skip to Content
Go Back
안형우

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

📌 워드프레스, 답답한 빌더와 플러그인 대신 시원하게 커스터마징하기 2023-01-15
📌 아무도 말하지 않는 PHP의 좋은 점 2018-10-13
📌 유지보수하기 쉬운 CSS 전략(슬라이드) 2016-12-20
📌 워드프레스 테마에서 템플릿 파일 매칭 순서 2013-05-12

[jQueryUI] datepicker 한글화하기

jQuery(function($) {
    $.datepicker.regional['ko'] = {
        closeText : '닫기',
        prevText : '이전달',
        nextText : '다음달',
        currentText : '오늘',
        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 : ['일', '월', '화', '수', '목', '금', '토'],
        weekHeader : 'Wk',
        dateFormat : 'yy-mm-dd',
        firstDay : 0,
        isRTL : false,
        showMonthAfterYear : true,
        yearSuffix : '년'
    };
    $.datepicker.setDefaults($.datepicker.regional['ko']);
});

이건 내가 만든 게 아니다. jQuery UI 패키지를 다운받으면 development-bundle/ui/i18n 폴더에 jquery.ui.datepicker-ko.js 라는 파일이 있다. 거기에서 월 뒤에 있는 영어만 제거한 것이다.

위 코드를 긁어서 파일을 만들고 script src 로 페이지에 삽입하면 된다. 너무 당연한 말이지만, jqueryui를 넣은 곳 뒤에 넣어야 한다.

그냥 간편하게 아래처럼 할 수도 있다.

var day_names = ['일', '월', '화', '수', '목', '금', '토'],
    mon_names = ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
    opts = {
        dateFormat: 'yy-mm-dd',
        constrainInput:  true,
        dayNames:        day_names,
        dayNamesShort:   day_names,
        dayNamesMin:     day_names,
        monthNames:      mon_names,
        monthNamesShort: mon_names,
        monthNamesMin:   mon_names,
        constrainInput:  true,
        showMonthAfterYear: true,
        yearSuffix: "",
        changeMonth: true
    };

$('.js-datepicker').datepicker(opts);

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다