调用多个 Twitter Bootstrap 日期选择器时遇到问题答案

【问题标题】：Trouble calling multiple Twitter Bootstrap datepickers调用多个 Twitter Bootstrap 日期选择器时遇到问题
【发布时间】：2012-10-19 18:01:39
【问题描述】：

我制作了一个包含多行的表格，每行包含一个人的姓名和一个 Twitter Bootstrap 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>

帮助表示赞赏。

【问题讨论】：

您的代码表明您多次使用 ID datepicker。 ID 应该是唯一的；如果您需要多次使用它，请使用一个类。

标签： twitter-bootstrap datepicker

【解决方案1】：

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

# 表示它是一个 ID，而 .表示它是一个 CSS 类。

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

【讨论】：