Событие Onclick работало только с двойным щелчком

Question

Я использую bootstrap-datetimepicker.js.Я должен показать выбор даты и времени на событии onclick.Он работает только при двойном щелчке.

<div class="col-sm-3">
  <label for = "name">Start Date</label>
  <div class='input-group date dateField'>
    <input type='text' class="form-control" name="start_date" placeholder="dd/mm/yyyy hh:mm">
    <span class="input-group-addon" onclick='bindDatePicker();'>
      <span class="glyphicon glyphicon-calendar"></span>
    </span>
  </div>
</div>

bindDatePicker = function() {
  $('.dateField').datetimepicker({
    format: 'DD/MM/YYYY HH:mm'
  });
}

Я хочу вызвать эту функцию одним щелчком мыши.Любая помощь будет благодарна

Answer 1

На самом деле простая инициализация указателя даты будет выполнять работу, потому что она встроена.
Использовать только:

 $('.dateField').datetimepicker({
    format: 'DD/MM/YYYY HH:mm'
 });

без события bindDatePicker().

Answer 2

Сначала инициализируйте все атрибуты, которые вы хотите в готовом документе, затем просто используйте методы скрытия и показа, чтобы переключать ваш указатель даты

Все функции доступны через атрибут данных

$('#datetimepicker').data("DateTimePicker").show();

Вы можетеиспользуйте другие события также, если хотите.

Используйте onClick или явно используйте событие щелчка.

$('#datetimepicker-span').on('click', function(){

  //use show method here

});

Сначала инициализируйте, когда документ будет готов.