jquery ui 이용 datepicker

jQuery 2013. 9. 30. 22:55
728x90

http://jqueryui.com/ 에서는 여러가지 유용한 jquery ui 를 제공한다.

여기서 제공하는 ui만 잘 활용하더라도 멋진 웹을 만들수 있을거라는 생각이 든다.

 

 

 

 

간단한 사용법의 테스트차 적어본 소스이다 datepicker 메서드의 속성의 dateFormat만 적혀있지만 아마도 다른 속성들또한 여러가지가 있을것이다. 각 메서드에대한 속성의 종류와 설명은 위 홈페이지에 들어가면 설명이 나와있을것이다.

 

 

결과화면이다. 처음엔 input 타입이 text인 창만 하나 나오게 된다. text창에 클릭을 하게되면 밑에 달력모양이 뜨며 날짜를 선택할수있게 된다. 날짜를 선택하면 text창에 해당 날짜가 자동으로 입력되어진다.

 

 

728x90

'jQuery' 카테고리의 다른 글

jQuery 속성 선택자  (0) 2013.10.08
jQuery 프레임워크 충돌 방지  (0) 2013.01.08
jQuery를 사용한 객체 확장  (0) 2013.01.08
jQuery를 사용한 배열 관리  (0) 2013.01.08
jQuery 필터 선택자 | 함수 필터 선택자  (0) 2013.01.08
Posted by 정망스
,


맨 위로
홈으로 ▲위로 ▼아래로 ♥댓글쓰기 새로고침