Question

我有一个输入字段start_time和end_time，这些字段的格式为数据格式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>

Answer 1

转到onblur，当用户完成输入字段中的数据输入并从焦点中获取事件触发事件时。

根据以下评论进行编辑

我猜您在代码中使用bootstrap datepicker。如果不是这样，请提及您正在使用的datpicker或js库。

对于bootstrap日期选择器，yu可以查看任务的changedate事件，每次对datepicker值进行更改时都会触发该事件。您还可以查看changeYear＆amp;＆amp; changeMonth事件也可用。

这是使用您提供的代码的demo fiddle，只要对相应的日期选择器进行更改，它就会触发警报。您可以使用要在更改时执行的任何代码替换它。

示例代码段

$('#datetimepicker2').datetimepicker({
      language: 'en',
      pick12HourFormat: true,
      pickDate: false
}).on('changeDate', function (e) {
    alert("first one changed"); // replace with your code block
});;

input =“text”的正确事件是什么

1 个答案: