Question

我需要显示不同数量的日期选择器。表单是动态生成的，因此我无法预测我将使用多少个Datepickers。是否可以为所有输入使用一个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，并使用类名绑定datepicker。

// 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" >

Jquery UI多次使用对象

2 个答案: