表单元格内的引导日期选择器无法正确显示

Question

我正在使用bootstrap datepicker，除了表单元格外，它的渲染效果都很好，如下图所示。有谁知道该如何解决？

<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属性，从而导致错误的渲染。