[jQuery UI] Date Picker

나이스정보포털에서 제공하는 API를 통해

현재 시점 기준으로 이번주 시간표를 제공하는 웹서비스를 만들려다 보니,

현재가 겨울방학 중이라 데이타가 조회되지 않는 문제점이 있었다.

 

테스트를 위해 또는

나중에 예전 시간표를 조회해 보고 싶을 때 조회 기준 시점을 내가 설정한 날짜로 바꿀 수 있게 하기 위해

달력UI를 통해 원하는 날짜를 선택하게 하는 기능이 필요했다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

별다른 고민없이 jQuery UI에서 캘린더 기능을 찾아 간단히 테스트해 보고 적용해 봤더니 역시나 원하던 대로 잘 작동한다.

https://jqueryui.com/datepicker/

Datepicker | jQuery UI

캘린더에서 날짜를 선택해서 text input에 값을 원하는 날짜 포맷으로 보여주려면 아래와 같이 아래와 같이 하면 되더라.

$(function() {
	$('#datepicker').datepicker();
	$('#datepicker').datepicker('option', 'dateFormat', 'yy/mm/dd');
});

$('#datepicker').datepicker('option', 'dateFormat', 'yy/mm/dd'); 만 넣으면 안 되었음.