2013-12-11 1 views
0

jquery의 datepicker를 하드 코딩 할 때 작동하는 여러 양식 필드에 사용하려고합니다. 가변 필드 수에 대해이 작업을 수행하는 방법을 모르겠습니다. 예를 들어 아래에서 두 입력에 대해 작동하도록 하드 코딩했습니다. 사용자가 이전 페이지에서 제공 한 모든 입력 값에 대해이 작업을 수행하려고합니다. 도와 주셔서 감사합니다!입력에서 다중에 대한 JQuery datepicker 함수

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> 
     <script src="https://www.cvrc.virginia.edu/otherscripts/jquery-1.9.1.js"></script> 
     <script src="https://www.cvrc.virginia.edu/otherscripts/jquery-ui.js"></script> 
     <script> 
     $(function() { 
     $("#datepicker").datepicker(); 
     }); 
     $(function() { 
     $("#datepicker2").datepicker(); 
     }); 
     </script> 

     <input type=text name=date size=10 id=datepicker> 
     <input type=text name=date size=10 id=datepicker2> 

답변

1

공통 클래스를 사용하거나 속성 선택

와 이름을 사용하는 자바 스크립트

$('[name="date"]').datepicker(); 

또는

$(".datepicker").datepicker(); 

HTML당신이 경우 수업 선택자와 함께 가자.

<input type="text" name="date" size="10" id="datepicker" class="datepicker"> 
<input type="text" name="date" size="10" id="datepicker2" class="datepicker"> 
+0

그들은 같은 이름을 가지고 있나? – epascarello

+0

잘 작동합니다. http://jsfiddle.net/Xsg4R/ – epascarello