[JAVA 개발] jqueryUI를 이용한 스피너 & 슬라이더 만들기

jqueryui 를 사용하기 위해서는 먼저 이전 글을 통해 ui다운로드 및 세팅을 해주셔야 합니다.

 

[JAVA 개발] jqueryUI 사용법 및 버튼태그 UI적용  페이지를 참고하세요.

 

스피너UI의 경우 증가값과 감소값에 대한 UI가 필요할 경우 사용하시면 좋을것 같습니다.

소스는 간단해서 이미지 파일만 올려 드리도록 하겠습니다.

 

스피너 적용 코드

 

 

실행화면

 

 

다음으로는  슬라이더 UI 입니다. 해당 UI는 최소&최대값 사이의 데이터값을 구할경우 사용하시면

좋을것 같습니다.

해당 코드도 동일하게 간단한 코드로 구성되어있기 때문에 이미지만 올려드리겠습니다.

 

슬라이더 적용 코드

 

 

실행화면