Jquery事件按时输入

时间:2018-05-15 13:28:47

标签: jquery

我正在尝试在输入类型时间更改时间时触发事件。

HTML

<form class="form-inline justify-content-center" id="" method="post" enctype="multipart/form-data">
<table>
  <tbody>
    <tr class="">

      <td><label for="start">Start</label></td>

      <td><label for="end">Slut</label></td>
      <td><label for="endDuration">Tot. Tid</label></td>

      <td></td>
    </tr>

    <tr>

      <td><input type="time" class="form-control form-control-sm" id="start" name="start" aria-describedby="startHelp" placeholder="Start"></td>

      <td><input type="time" class="form-control form-control-sm" id="end" name="end" aria-describedby="endHelp" placeholder="Slut"></td>
      <td><input type="time" class="form-control form-control-sm" id="duration" name="duration" aria-describedby="endDuration" placeholder="Tot. Tid"></td>

    </tr>
  </tbody>
</table>

JS

$('#start, #end').one('keyup, change', function() {
  console.log($(this))
  var start = $('#start').val();
  console.log(start)
  var end = $('#end').val();
});

我的问题是,只有当我改变小时和分钟时,该功能才会运行..如果我只更改小时,则不会运行..

的jsfiddle
https://jsfiddle.net/aq9Laaew/20350/

1 个答案:

答案 0 :(得分:0)

这个问题的解决方案是:

.one更改为.on
在HTML集默认输入value="00:00:00"

赞成评论。