多個JavaScript日期選擇器

Question

我建設和網頁在PHP和所有的內容佈局，像這樣..

<div> 
<form> 
<input type='text' id='datepick' /> 
</form> 
</div> 

<div> 
<form> 
<input type='text' id='datepick' /> 
</form> 
</div> 

<div> 
<form> 
<input type='text' id='datepick' /> 
</form> 
</div> 

它的佈局是一個比較複雜真的，但基本上我有問題是， datepick id調用datpick函數，但它只能在第一個輸入上工作，而忽略其餘部分。我不能給他們自己的ID，所有的輸入必須被稱爲相同的。

這是函數

<script type="text/javascript"> 

     new datepickr('datepick', { 
      'dateFormat': 'd-m-Y' 
     }); 
</script> 

任何一個可以告訴我如何使所有輸入字段的datepick工作。

在此先感謝，我用正確的示例中，這一個....

Answer 1

或者只是改變像提到的ID類：

<script> $(function() { 
     $(".datepicker").datepicker(); 
     }); 
</script> 

<p>Date: <input type="text" class="datepicker" /></p> 
<p>Date: <input type="text" class="datepicker" /></p> 
<p>Date: <input type="text" class="datepicker" /></p> 

工作正常。

Answer 2

掙扎看這裏如何使用它：

http://www.joshsalverda.com/sandbox/date_pick/datepickr.html（從https://code.google.com/p/datepickr/）

你絕給他們所有的自己的ID。

HTML規範要求id是唯一的，但它仍然會爲您呈現頁面。在未定義的情況下查找非唯一標識時，會找到哪個元素。它可能是第一個，也可能是最後一個，你可能會得到一個錯誤。