JQuery Datepicker - 在幾個字段中顯示日期

我有一個列表，有幾個活動，我希望jQuery Datepicker在每一行的字段中顯示日期。目前我可以在第一行顯示日期，但它似乎只能在一次顯示id =「date」的字段中顯示。每行的字段是這樣的：JQuery Datepicker - 在幾個字段中顯示日期

<td><input id="date" name="date" /></td>

所以，我想知道：有沒有一種方法，我可以顯示使用id =「日期」每一個輸入域的日期？

來源

2015-04-29 Bugge

ids在頁面上必須是唯一的。使用類來代替元素。

原因是瀏覽器維護一個id值vs元素的快速查找字典，並且字典中每個值只有一個條目。

使用類

<td><input class="date" name="date" /></td>

，並代替$(".date").datepicker();$('#date').datepicker()

的jsfiddle目標：http://jsfiddle.net/TrueBlueAussie/D4AGz/485/

來源

2015-04-29 11:57:25

完美的作品了。非常感謝！ – Bugge

按照什麼@TrueBlueAussie說，你可以這樣做：

$(".your_class").each(function() { //You access all your elements with the class "your_class" 
    //Do STG, you can access the current element with $(this) 
});

來源

2015-04-29 11:58:51 Pleasure

除非實際需要特定的實例，否則通常不會在jQuery中使用'each'。大多數插件都可以在選擇器結果返回一個集合的時候正常工作。 –

我的意思是，這是其中一種可能性 – Pleasure

當然，但除非特別需要，否則不要在jQuery中鼓勵'each'。 –

作爲替代，把你的列表，例如

<ul id="listDisp"> 
    <li> 
     Activity 1<input type="text" id="datePicker1"/> 
    </li> 
    <li> 
     Activity 2<input type="text" id="datePicker2"/> 
    </li> 
    <li> 
     Activity 3<input type="text" id="datePicker3"/> 
    </li>  
</ul>

和你的js會

$("#listDisp").find('input').datepicker();

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

這裏是FIDDLE

來源

2015-04-29 12:05:17

JQuery Datepicker - 在幾個字段中顯示日期

回答

相關問題