如何让Jquery UI timespinner根据高亮显示的输入部分递增小时/分钟？

<input type="text" id="timespinner">

$("#timespinner").timespinner({
  showSeconds: false, // 是否显示秒
  showMeridian: true, // 是否显示上午/下午
  stepMinutes: 15, // 分钟的递增步长
  stepHours: 1 // 小时的递增步长
});

$("#timespinner").on("keyup", function() {
  var value = $(this).val();
  var highlightedPart = getHighlightedPart(value);
  
  if (highlightedPart === "hours") {
    var hours = parseInt(value.split(":")[0]);
    $(this).timespinner("value", hours);
  } else if (highlightedPart === "minutes") {
    var minutes = parseInt(value.split(":")[1]);
    $(this).timespinner("value", minutes);
  }
});

function getHighlightedPart(value) {
  var selectionStart = $("#timespinner")[0].selectionStart;
  var selectionEnd = $("#timespinner")[0].selectionEnd;
  
  if (selectionStart >= 0 && selectionEnd >= 0) {
    var hoursIndex = value.indexOf(":");
    
    if (selectionStart < hoursIndex) {
      return "hours";
    } else if (selectionEnd > hoursIndex) {
      return "minutes";
    }
  }
  
  return "";
}