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

Просто дайте каждому Datepicker другой идентификатор ...

<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

У каждого дампикера должен быть свой собственный идентификатор.

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