首页 > 解决方案 > 表格单元格内的引导日期选择器未正确显示

问题描述

我正在使用引导程序日期选择器,它除了在表格单元格中之外渲染良好,如下图所示。有谁知道如何解决这个问题?

日期选择器未正确显示

<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>

标签: javascriptjquerycssbootstrap-datetimepicker

解决方案


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


推荐阅读