javascript - Jquery UI 多次使用对象

Question

我需要显示不同数量的日期选择器。表单是动态生成的，所以我无法预测我将使用多少个 Datepicker。是否可以对所有输入使用一个 id？

 $("#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/

Answer 1

不，您不应拥有多个具有相同 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");

Answer 2

对所有输入使用一个类而不是 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" >