JQuery UI 달력

JQuery UI를 이용한 달력

JQuery UI는 https://jqueryui.com/ 사이트 이며 다양한 커스텀 ui를 제공한다. 달력외에도 다양한 컴포넌트들을 제공한다.

먼저 html 에 링크할 url이다.

※위 태그들을 상단 head태그 사이에 넣어 JQuery UI css, js 의 위치를 링크한다.

※body에 input 태그로 넣어준다.

※위 #datepickerFrom, #datepickerTo 는 개발자가 원하는 id로 변경 가능하며 달력 한글화 스크립트는 초기 영문이기때문에 속성을 변경하여 한글화 시킨 작업이다.

※결과물 이다.(이미지는 무시)