본문 바로가기
웹관련/Jquery plugin

[Jquery UI] jquery datapicker 한글화

by 착한덕환 2018. 11. 8.



달력의 경우 제이쿼리UI 에서 제공하는 datepicker 를 많이 사용합니다.

하지만 영문으로 되어있어서, 한글화 셋팅이 필요하게 되죠.


아래 예제처럼 간단하게 적용할수 있으니 참고하세요~~



HTML부분




JS부분

               
$.datepicker.setDefaults({
	dateFormat: 'yy-mm-dd',
	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: '년'
});

$('.dataPick').datepicker();


요렇게만 해주면 됩니다~

댓글