Переключение на указатель даты и времени из средства выбора даты - PullRequest
Новая
       39

Переключение на указатель даты и времени из средства выбора даты

0 голосов
/ 13 июня 2018

Ранее я использовал Datepicker.js, и теперь я перешел на использование datetimepicker, также известный как tempus dominus.

Я переключил свой ввод и div, а также изменил сценарий CDN и JSфункция сценария, но у меня есть некоторые проблемы.

Мой сайт показывает поле ввода и значок календаря в модальном режиме, но когда я нажимаю значок, он не вызывает календарь для выбора даты и времени.

Кроме того, я использую это, чтобы заполнить значением массива перед раздачей, который показывает даты истечения срока действия, поэтому в случае, когда есть несколько элементов с датами истечения срока действия, мне нужно, чтобы указатель даты и времени показывал для каждого из них, поэтому у меня может быть одинили у меня может быть несколько.

Есть ли определенный способ, которым я должен изменить это, чтобы не только загружать мой календарь, но и чтобы он работал для нескольких экземпляров? 

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