정보실

웹학교

정보실

jQuery input필드에 쉽게 날짜를 입력하는 jQuery 플러그인 datedropper 소개

본문

생년월일이나 카드유효일 등 폼양식에서 날짜를 입력해야 할 경우가 종종 생깁니다.

 

jQuery 플러그인으로 나온 datedropper를 이용하면 편리하게 날짜를 입력할 수 있도록 프로그래밍할 수 있습니다...

 

관련 사이트 : http://felicegattuso.com/projects/datedropper/

 

위 사이트에서 관련 js화일을 다운로드하여 웹계정에 올리고...

 

 

  • 웹문서의 head부분에

 

<script src="js/datedropper.js"></script>

 <link rel="stylesheet" type="text/css" href="js/datedropper.css">  

 

 

  • 웹문서의 body 부분에 (실제 적용되는 폼양식 부분)

 

<input type="text" id="departure" />     

 

 

  • 웹문서의 하단에

 

<script>$( "#departure" ).dateDropper();</script> 

 

실제 적용하는 데모 및 자세한 사용법은 위 사이트에 방문하면 확인할 수 있습니다.

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 703회 ]  작성일15-02-23 09:14

웹학교