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

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

所有功能均可通过data属性访问

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

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

使用 onClick 或明确使用click事件。

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

  //use show method here

});

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

Answer 2

实际上，只需初始化日期选择器即可完成，因为它是内置的。
只能使用：

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

没有bindDatePicker()事件。

Onclick事件仅适用于DoubleClick

2 个答案: