2013-03-26 60 views
1

我需要顯示不同數量的日期選擇器。表單是動態生成的,所以我無法預測我將使用多少個日期選擇器。是否可以爲所有輸入使用一個ID?jQuery UI多次使用對象

$("#datepicker").datepicker({ dateFormat: 'yy-mm-dd' }).mask("9999-99-99"); 
<input type="text" name="startDate1" value="" id="datepicker" > 
<input type="text" name="startDate2" value="" id="datepicker" > 

http://jsfiddle.net/UKbuC/

+0

使用相同的ID不是一個好習慣。您可以定義可以用於所有字段的類,然後按類名選擇它們。 – 2013-03-27 23:53:46

回答

2

號你不應該有比具有相同id元素更多。在jQuery中,更好的方法是給他們所有的'datepicker'類並使用選擇器'.datepicker'來代替。

<input type="text" name="startDate1" value="" class="datepicker" > 
<input type="text" name="startDate2" value="" class="datepicker" > 

$(".datepicker").datepicker({ dateFormat: 'yy-mm-dd' }).mask("9999-99-99"); 
0

使用一個,而不是ID爲所有輸入和綁定使用類名的日期選擇器。

// bind datepicker using class name 
$(".mydatepicker").datepicker({ dateFormat: 'yy-mm-dd' }).mask("9999-99-99"); 

<input type="text" name="startDate1" value="" class="mydatepicker" > 
<input type="text" name="startDate2" value="" class="mydatepicker" >