[JS + jquery] 제이쿼리 UI 플러그인 draggable(), Datepicker()

1. 제이쿼리 UI 플러그인 

https://jqueryui.com/

jQuery UI

여기서 Downloads 페이지의 맨 밑에 다운로드 버튼을 클릭하고 압축을 풀면 된다.

 

2. UI 플러그인으로 드래그 레이어 만들기 

홈페이지의 데모에 들어가면 여러가지 UI플러그인을 볼 수 있다. 

저기에 Draggable()을 활용하여 드래그 레이어를 만들것이다. 

 

우선 제이쿼리 라이브러리를 삽입해주고, 다음에 제이쿼리 ui 플러그인 을 삽입해준다. 

그리고 데모에서도 볼 수 있듯이 

draggable() 하고 싶은 요소에 메서드를 입력해주면 

드래그해서 이미지의 위치를 옮길 수 있다. 

 

 

3. UI플러그인으로 날짜 설정 달력 만들기 

 

이번엔 데모의 Datepicker를 선택해서 view sources를 보면 소스를 볼 수 있다. 

minDate : +1 과 maxDate : "+1M"하면 

오늘의 다음날부터 다음달까지만 날짜를 선택 할 수 있게 된다.

작성 날짜 2021-11-3