카테고리 없음

jquery datepicker에 대해서...

유호야 2021. 9. 14. 00:31
반응형

무슨 귀찮게 jquery datepicker를 사용하나

input type="date" 를 사용하면 되지 않나?

했는데

input type = "date" 를 사용하지 않는 이유는

바로

크롬에서만 지원하기 때문이다.

브라우저 간 지원유무 때문에 참 개발하기 귀찮아진다~

 

무조건 jquery datepicker를 사용하도록!

라이브러리 주소를 찾아서 해당 코드와 함께 사용하면 된다.

$('#dateTo').datepicker();

 

- datepicker 한글변환

$(document).ready(function(){ 
	$.datepicker.setDefaults({
    	closeText: "닫기", currentText: "오늘", 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: ['일', '월', '화', '수', '목', '금', '토'], weekHeader: "주", yearSuffix: '년' 
	});
});

- datepicker 영어 대신 년도로 변환, 
- 년도 + 월 순서 변경

$(function(){
	$("#dateFrom").datepicker({dateFormat: 'yy-mm-dd',showMonthAfterYear:true});
    $("#dateTo").datepicker({dateFormat: 'yy-mm-dd', showMonthAfterYear:true});
});
반응형