Onclick 事件仅适用于双击答案

【问题标题】：Onclick Event only worked with Double ClickOnclick 事件仅适用于双击
【发布时间】：2019-07-01 11:24:37
【问题描述】：

我使用 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'
  });
}

我想在单击时调用该函数。任何帮助将不胜感激

【问题讨论】：

标签： jquery html datepicker

【解决方案1】：

首先用你想要在文档中准备好的所有属性进行初始化，然后使用 hide 和 show 方法来切换你的日期选择器

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

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

如果你愿意，你也可以使用其他events。

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

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

  //use show method here

});

当文档准备好时首先初始化。

【讨论】：

【解决方案2】：

实际上，只需初始化日期选择器就可以完成这项工作，因为它是内置的。
仅供参考：

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

没有bindDatePicker() 事件。

【讨论】：

【解决方案3】：

这对我有用

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

}).datetimepicker("show");

【讨论】：