Bootstrap datepicker 无法处理相同类或名称的多个输入

如何解决Bootstrap datepicker 无法处理相同类或名称的多个输入

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

<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
});

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