无法使用时间选择器为输入字段找到正确的事件

Question

我有一个带有 timepicker 的输入字段，我将 bootstrap calendar 用于我的 UI，并将此配置用于 timepicker：

   <div class='input-append' id='datetimepicker2' >
            <input data-format='HH:mm:ss PP' type='text' name="start_time" id="start_time" value="<?php echo set_value('start_time')?>"/>
            <span class='add-on'>
              <i data-date-icon='icon-calendar' data-time-icon='icon-time'>
              </i>
            </span>
          </div>
        </div>
        <script type='text/javascript'>
          $(function() {
            $('#datetimepicker2').datetimepicker({
              language: 'en',
              pick12HourFormat: true,
              pickDate: false
            });

          });

        </script>

我的工作是，如果我使用时间选择器从start_time 输入数据到end_time，我会自动计算total_time，但我不知道在哪里触发事件。我不能使用onchange,onblur，因为焦点不是在输入字段上，而是在时间选择器图标上。当我使用$('#datetimepicker2').click 或时间选择器中的任何事件时，它都不起作用，只有$('#datetimepicker2').datetimepicker 本身起作用。那么我应该把event 放在哪里，或者我需要什么特定的事件来做到这一点？有什么帮助吗？因为我真的被困在这里这么久了

Answer 1

尝试使用 changeDate 事件。

$('#datetimepicker2').datepicker()
  .on('changeDate', function(ev){

  });