Bootstrap указатель даты и времени в формате чч: мм: сс - PullRequest
Новая
       101

Bootstrap указатель даты и времени в формате чч: мм: сс

1 голос
/ 24 апреля 2020

Я работаю над приложением, и я немного застрял в указателе даты и времени. Средство выбора даты должно иметь возможность отображать формат данных гггг-мм-дд чч: мм: сс (год, месяц и дата с указанием текущего часа, минут и секунд ...). Это работает нормально, но после того, как я выбираю дату, средство выбора даты должно автоматически закрывать или скрывать. Но это не сработает. Я много пробовал с разными скриптами, до сих пор не умею работать. Ниже приводится HTML: 

<span>Select time with Date</span>
    <div class='input-group date' id='datetimepicker2'>
      <input type='text' class="form-control" id='datetimepicker2' />
      <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
      </span>

Ниже приводится JS: 

    <script type="text/javascript">
        $(function() {

  $('#datetimepicker2').datetimepicker({
       format: 'YYYY-MM-DD HH:mm:ss',
    autoclose: true 
  });
  });
    </script>

Я полагаю, что скрипт не поддерживает вызов autoclose. Любая идея, как я могу это исправить?

1 Ответ

1 голос
/ 24 апреля 2020

Вы можете просто прослушать событие datetimepicker dp.change и принудительно закрыть средство выбора даты-времени при изменении даты, например: 

$(function() {
  $('#datetimepicker2').datetimepicker({
    format: 'YYYY-MM-DD HH:mm:ss'
  });

  // Hide datetimepicker on date change
  $("#datetimepicker2").on("dp.change", function() {
    $(this).data("DateTimePicker").hide();
  });

  // Show datetimepicker on input text click
  $('#datetimepicker2 > input').on('click', function() {
    $(this).closest('.date').data('DateTimePicker').show();
  });
});
...