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

首先使用文档中所需的所有属性进行初始化，然后使用隐藏和显示方法来切换日期选择器

所有函数都通过数据属性访问

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

您可以使用其他events如果你愿意的话也可以。

使用onClick或明确使用点击事件。

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

  //use show method here

});

文档准备好后首先初始化。