jQuery datepicker 둘 이상의 입력

Question

jQuery 2.1.0을 사용하고 있고 둘 이상의 입력에 datepicker를 사용하려고합니다. 첫 번째 입력에서 작동하도록 할 수는 있지만 두 번째 입력에서 작동하려면 어떻게해야합니까? 어떤 제안?

http://jsfiddle.net/j02p2sed/

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> 

    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 

    <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 

    <link rel="stylesheet" href="/resources/demos/style.css"> 
Date:</label> 
<input type="text" name="odate" id="datepicker"> 
Date2:<input type="text" name="purchasedate" id="datepicker" mask="99/99/9999"> 

$(function() { 

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

     }); 

Answer 1

그냥 모든 날짜 선택기 또 다른 ID를 제공 ...

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 

    <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 

    <link rel="stylesheet" href="/resources/demos/style.css"> 
Date:</label> 
<input type="text" name="odate" id="datepicker"> 
Date2:<input type="text" name="purchasedate" id="datepicker1" mask="99/99/9999">    

JQuery와 :

$(function() { 

$("#datepicker").datepicker(); 
$("#datepicker1").datepicker(); 
    }); 

Answer 2

모든 날짜 피커에는 고유 ID가 있어야합니다.

HTML 코드 :

Date:</label> 
<input type="text" name="odate" id="datepicker1"> 
Date2:<input type="text" name="purchasedate" id="datepicker2" mask="99/99/9999"> 

JS 코드 : 여기

$(function() { 
    $("#datepicker1").datepicker(); 
    $("#datepicker2").datepicker(); 
    }); 

는 작업 EXAMPLE

이다