无法调用多个Twitter Bootstrap datepickers

Question

我生成一个包含多行的表，每行包含一个人的姓名和每个人的Twitter Bootstrap Datepicker，以允许用户捕获每个人的生日。

datepicker适用于第一个表行（显示的第一个人），但对所有其他行没有响应。

这是Javascript：

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

这是表格行：

<td> 
<div class='input-append date' id='datepicker' data-date='12-02-2012' data-date-format='mm-dd-yyyy'>
<input class='span5' size='16' type='text' placeholder='12-02-2012' readonly>
<span class='add-on'><i class='icon-calendar'></i></span>
</div>
</td>

帮助表示赞赏。

Answer 1

ID是DOM中用于标识元素的唯一值。因为您有多个元素，所以应该使用CSS类而不是Id，然后将#datepicker更改为.datepicker。

＃表示它是一个ID，而。意味着它是一个CSS类。

此外，仅供参考，datepicker是一个jQuery组件，而不是一个Bootstapper组件。