Я пытаюсь поместить загрузчик-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>