时间戳

首页 > 解决方案 > 如何在“数字”输入字段中设置分钟，它应该只接受 0 到 59 的值

javascript - 如何在“数字”输入字段中设置分钟，它应该只接受 0 到 59 的值

问题描述

我想将输入字段“数字”设置为分钟部分。我尝试了该输入字段的 maxlength =2 和最小值和最大值。但是当手动输入时，它接受到 99。如何将其设置为最大 59？

<input id="minutes" 
       name="minutes" 
       class="form-control ui-control del-keyup tr-ui-witdh text-center" 
       placeholder="00" 
       type="number" 
       min="0" 
       max="59" 
       maxlength="2" 
       onkeyup="getMessage();" 
       onclick ="getMessage();" 
       onchange="getMessage();" 
       oninput="javascript: if (this.value.length > this.maxLength) 
       this.value = this.value.slice(0, this.maxLength); "maxlength = "2">

标签： javascripthtml

解决方案

你可以试试这个：

function getMessage() {
    var val = document.getElementById('minutes').value;
    if (val > 59) {
      document.getElementById('minutes').value = '59';
    } else if (val < 0) {
      document.getElementById('minutes').value = '0';
    }

  }
<input id="minutes" name="minutes" class="form-control ui-control del-keyup tr-ui-witdh text-center" placeholder="00" type="number" min="0" max="59" maxlength="2" onkeyup="getMessage();" onclick="getMessage();" onchange="getMessage();" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength); "
  maxlength="2">

推荐阅读