| site_link1 | https://mymth.github.io/vanillajs-datepi...d=language |
|---|---|
| site_link2 | https://mymth.github.io/vanillajs-datepi...-languages |
| site_link3 | https://cdn.jsdelivr.net/npm/vanillajs-d...s/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;
};
