javascript - 表格单元格内的 Bootstrap 日期选择器未正确显示

Question

我正在使用 bootstrap 日期选择器，除了在表格单元格中，它呈现得很好，如下图所示。有谁知道如何解决这个问题？

<td>
   <div class="input-group date" id="gebdatum">
      <div class="input-group-prepend datepickerbutton">
         <span class="input-group-text"><i class="far fa-calendar"></i></span>
      </div>
      <input id="@Html.IdFor(model => model.GeboortedatumFormatted)" 
          name="@Html.NameFor(model => model.GeboortedatumFormatted)" 
          type="text" 
          value="@Model.GeboortedatumFormatted" 
          class="form-control" 
          autocomplete="off"/>
       @Html.ValidationMessageFor(model => model.GeboortedatumFormatted, "", new { @class = "text-danger" })
   </div>
</td>

Answer 1

如果您将属性 debug: true 添加到您的配置中，选择器将保持打开状态，从而允许您检查元素并覆盖导致错误呈现的 css 属性。