jquery ui 이용 datepicker

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

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

 

 

 

 

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

 

 

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