Переключение на указатель даты и времени из средства выбора даты
Ранее я использовал Datepicker.js, и теперь я перешел на использование datetimepicker, также известный как tempus dominus.
Я переключил свой ввод и div, а также изменил сценарий CDN и функцию сценария JS, но у меня возникли некоторые проблемы.
Мой сайт показывает поле ввода и значок календаря в модальном режиме, но когда я щелкаю значок, он не вызывает календарь для выбора даты и времени.
Кроме того, я использую это, чтобы заполнить значением массива перед рукой, которая показывает даты истечения срока действия, поэтому в случае, когда есть несколько элементов с датами истечения срока действия, мне нужно, чтобы datetimepicker показывал для каждого из них, поэтому у меня может быть один сборщик, или я могу есть несколько.
Есть ли определенный способ, которым я должен изменить это, чтобы не только заставить мой календарь загружаться, но также и иметь это работающее для многократных экземпляров?
<head>
<script src="https://cdn.jsdelivr.net/npm/gijgo@1.9.6/js/gijgo.min.js" type="text/javascript"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/locale/af.js" type="text/javascript"> </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.0-alpha14/js/tempusdominus-bootstrap-4.min.js" type="text/javascript" >
</script>
</head>
<h6>Set New Expiration: </h6>
<div class="input-group date" id="datetimepicker1" data-target-input="nearest">
<input type="text" class="form-control datetimepicker-input" data-target="#datetimepicker1"/>
<div class="input-group-append" data-target="#datetimepicker1" data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i></div>
</div>
</div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.0-alpha14/js/tempusdominus-bootstrap-4.min.js"></script>
<script type="text/javascript">
$(function () {
$('#datetimepicker1').datetimepicker();
});
</script>