혼자서도 잘해요

Timepicki 사용법. (Timepicker 사용법) 본문

개발생활/HTML | CSS | 자바스크립트

Timepicki 사용법. (Timepicker 사용법)

hyed3 2021. 5. 21. 09:37

1. 아래 주소에서 파일을 다운받는다.

 

http://senthilraj.github.io/TimePicki/

 

TimePicki - jQuery Timepicker plugin Demo and documentation

 

senthilraj.github.io

 

2. 다운을 받으면 아래와 같이 폴더가 있다.

Css 폴더에서 timepicki.css, js폴더에서 timepicki.js 프로젝트 알맞은 폴더에 넣는다.

(jquery 기존프로젝트에 없으면 js jquery 가져온다)

 

3. 사용할 View 상단에 아래와 같이 추가한다. (jquery가 없으면 추가 + href 경로는 본인 프로젝트에 맞게 수정)

 

4. 사용할 부분에 id 주고 

5. <script></script> 안에 아래처럼 쓴다.

show_merideian 과 on_change는 내가 따로 설정해둔것이라 빼고 사용하면 된다.

 

설정 관련해서는 따로 올리겠다!