重复引导日期选择器

Question

我有一个动态表单，其中可能包含重复的日期选择器元素。我正在使用引导日期选择器。

<div class="col-xs-11">
    <div class="input-group date" id="datepicker">
        <input type="text" class="form-control be-form-control form-input" aria-describedby="basic-addon2" />
        <span class="input-group-addon calendar-icon" id="basic-addon2">
            <i class="glyphicon glyphicon-calendar" aria-hidden="true"></i>
        </span>
    </div>
</div>

这个元素可以重复。我的问题是，使用 bootstrap datepicker 我已经包含了脚本，

$('#datepicker').datepicker();

但是，如果我有两个这样的 datepicker 字段，那么一个有效，另一个无效，因为现在两者都具有相同的 id 。如何动态添加具有唯一 ID 的日期选择器。

Answer 1

如果你有多个 datePicker，那么你应该使用一个类而不是一个 id（一个 id 必须是唯一的）

$('.classDatePicker').datepicker();