从输入的时间类型中获取小时和分钟

Question

关于如何使用 JavaScript 从这种格式“hh:mm”中单独获取小时和分钟的任何建议？

<input type="time" id="timepicker" onchange="timePassed(this.value)">

<script>
    function timePassed(time) {
        var hours;
        var mins;
        //todo: get the hours and minutes from the input value and store them in separate variables
    }
</script>

我尝试使用 getHours() 和 getMinutes() 但它似乎不适用于 hh:mm 格式

Answer 1

 function timePassed(time) { let[hours, mins] = time.split(":"); console.log(hours); console.log(mins); //todo: get the hours and minutes from the input value and store them in separate variables }

 <input type="time" id="timepicker" onchange="timePassed(this.value)">

Answer 2

如果您希望您的时间以 24 小时为增量显示，那么上面提到的建议就可以了。 如果你想让它分成 12 小时的增量，那么试试这个。

<input type="time" id="timepicker" onchange="timePassed(this.value)">

<script>
  function timePassed(time) {                
    let [hours, mins] = time.split(":");
    hours = hours/12 > 1 ? hours-12 : hours;
    console.log(hours);
    console.log(mins);
  }
</script>