0

我有一个输入字段，start_time并且end_time这些字段使用 data-format 格式化 HH:mm:ss PP。

我想要做的是当用户完成输入数据时，我会做一些 AJAX 来计算时间。

但是，我有点困惑，因为我不知道输入字段的正确事件是什么。我试过了keydown，keyup但focus还是不行。

这是输入字段start_time：

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

对于end_time：

    <div class='input-append' id='datetimepicker3'>
                <input data-format='HH:mm:ss PP' type='text' name="end_time" id="end_time" value="<?php echo set_value('end_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() {
                $('#datetimepicker3').datetimepicker({
                  language: 'en',
                  pick12HourFormat: true,
                  pickDate: false

                });
              });
            </script>
4

1 回答 1

0

选择onblur，这样当用户在输入字段中完成输入数据并将焦点移出字段时，事件就会被触发。

根据下面的评论编辑

我猜您在代码中使用了引导日期选择器。如果不是这样，请提及您正在使用的 datpicker 或 js 库。

在引导日期选择器的情况下，您可以查看任务的changedate事件，每次更改日期选择器值时都会触发该事件。您还可以查看可用的 changeYear && changeMonth 事件。

这是一个使用您提供的代码的演示小提琴，只要在相应的日期选择器上进行更改，就会触发警报。您可以将其替换为您希望在更改时执行的任何代码。

示例代码片段

$('#datetimepicker2').datetimepicker({
      language: 'en',
      pick12HourFormat: true,
      pickDate: false
}).on('changeDate', function (e) {
    alert("first one changed"); // replace with your code block
});;
于 2013-08-16T14:33:11.253 回答