Tag Archives: ajax Datepicker

공휴일 선택안되는 jQuery Datepicker 구현 (delayed render datepicker)

공휴일은 공공데이터포탈 이용

공공데이터포탈 한국천문연구원_특일 정보 이용
https://www.data.go.kr/data/15012690/openapi.do 에서 서비스키 발급

공휴일 조회 API

http://apis.data.go.kr/B090041/openapi/service/SpcdeInfoService/getRestDeInfo?serviceKey=[서비스키]&solYear=2022&solMonth=01&_type=json

JSON형태로 받는다

{"response":{"header":{"resultCode":"00","resultMsg":"NORMAL SERVICE."},"body":{"items":{"item":[{"dateKind":"01","dateName":"설날","isHoliday":"Y","locdate":20220201,"seq":1},{"dateKind":"01","dateName":"설날","isHoliday":"Y","locdate":20220202,"seq":1}]},"numOfRows":10,"pageNo":1,"totalCount":2}}}

jQuery Datepicker 구현

cors 설정이 안되어있으므로 jsonproxy를 이용한다. (for cors/jsonp)
beforeShowDay, refresh 를 이용해서 ajax로 데이터를 가져온후에 다시 날짜를 표현한다.

function