Проблемы с веб-приложением ASP в JQuery DateTime - PullRequest
0 голосов
/ 09 июля 2019

Я пытаюсь поместить загрузчик-datetimepicker с помощью eonasdan в ячейку 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...