Question

我试图将eonasdan的bootstrap-datetimepicker放置在C＃gridview单元中。我遇到了元素显示不正确的问题。仅显示时间，而不显示日历。元素上有方向箭头的地方，但是它们都没有显示，这使我认为这是css问题，而不是jquery或html问题。任何指导将不胜感激。谢谢！

我尝试重新排列并尝试不同的.js和.min.js引用。我已经尝试了文档中提供的几种不同的html布局。

<script src=".../jquery-1.10.2.js"></script>
<script src=".../moment.js"></script>
<script src=".../bootstrap.js"></script>
<script src=".../bootstrap-datetimepicker.js"></script>
<link rel="stylesheet" href=".../bootstrap.css" />
<link rel="stylesheet" href=".../bootstrap-datetimepicker.css" />
…
<div class="containter">
  <div class="row">
    <div class="col-sm-6">
      <div class="form-group">
        <input type="text" class="form-control" id="dt1" />
      </div>
      <script>
        $(function () {
          $('#dt1').datetimepicker();
        });
      </script>
    </div>
  </div>
</div>

确实有弹出窗口，它显示了时间元素，但是没有出现用于使时间上下移动的箭头，并且实际的日历本身也没有显示。

编辑：我现在可以将插件与所有文本框一起使用，但是仍然没有出现应有的状态。这是更新的代码。尽管日期时间选择器仍然没有完全出现。

<script src=".../jquery-3.4.1.min.js"></script>
<script src=".../moment.js"></script>
<script src=".../bootstrap.js"></script>
<script src=".../bootstrap-datetimepicker.js"></script>
<link rel="stylesheet" href=".../bootstrap.css" />
<link rel="stylesheet" href=".../bootstrap-datetimepicker.css" />
…
<div class="containter">
  <div class="row">
    <div class="col-sm-6">
      <div class="form-group">
        <asp:TextBox runat="server" ID="dt1" cssclass="form-control"></asp:TextBox>
      </div>
      <script>
        $(function () {
          $('.form-control').datetimepicker();
        });
      </script>
    </div>
  </div>
</div>

jQuery日期时间选择器的ASP Web应用程序问题

0 个答案: