jquery - Bootstrap datepicker 不适用于相同类或名称的多个输入

Question

我有以下具有相同名称和相同类的输入：

<input type="text" class="form-control date-field" name="purchase-date[]"/>
<input type="text" class="form-control date-field" name="purchase-date[]"/>
<input type="text" class="form-control date-field" name="purchase-date[]"/>

我正在为这些输入使用bootstrap-datepicker。

我试过遵循这个 jQuery 代码：

$('input[name="purchase-date[]"]').datepicker({
  format: "yyyy-mm-dd",
  autoclose: true
});

和

$('input[class="date-field"]').datepicker({
  format: "yyyy-mm-dd",
  autoclose: true
});

只有第一个文本框显示日期选择器，其他两个不显示任何日期选择器。有什么解决方法吗？我希望其他两个输入也显示日期选择器。

标签： jquerytwitter-bootstrap-3bootstrap-datepicker