Bootstrap Vanilla JS Datepicker 에서 locales 지정 (한국어로 출력)

site_link1 에서는 showDatepicker() 호출시 options로 language:"ko" 를 지정하면 된다고 나온다

site_link2 에서는 각 locales 파일을 import 하는 법을 알려주는데 브라우저 스크립트로는 for browser 부분을 살펴보면 된다

실제 각 나라의 locales 파일은 site_link3 에서 다운로드 가능하다

ko.js 파일을 다운로드하여 site_link2 를 참고하여 import 하여 options 에 language 를 "ko" 로 지정하면 한글로 출력된다

 

다음은 샘플 코드이다

 

---

<script src="./res/web/bootstrap/ext/vanillajs-datepicker@1.3.2/datepicker-full.min.js"></script>

<script src="./res/web/bootstrap/ext/vanillajs-datepicker@1.3.2/locales/ko.js"></script>

<link rel="stylesheet" href="./res/web/bootstrap/ext/vanillajs-datepicker@1.3.2/datepicker-bs5.min.css">

 

const showDatepicker = function (elem) {

    var datepicker = new Datepicker(elem, {

        buttonClass: 'btn',

        format: 'yyyy.mm.dd',

        autohide: true,

        weekStart: 1,

        startDate: new Date(),

        endDate: new Date(new Date().setDate(new Date().getDate() + 30)),

        language: 'ko'

    });

    return datepicker;

};

---