Home / Questions / 106978
Accepted
Ricardo Sauceda
Asked: 2020-10-04 13:27:06 +0800 CST 2020-10-04 13:27:06 +0800 CST

如何通过带有 JAVASCRIPT 的 INPUT TEXT 验证 HH:MM:SS 格式的小时数？

  • 772

我有 3 个字段，日期、开始时间和结束时间。

我想验证开始时间的时间在 09:00 到 12:00 之间，结束时间在 13:00 到 18:00 之间，问题是我需要使用 HH:MM:SS 格式进行验证并且是输入文本。

<div>
   <select class="dia sel tf w-select" data-name="Selecciona Una Opcion 2" id="txtTipoPropiedad" name="txtTipoPropiedad">
       <option value="0" selected>Día</option>
       <% for (int i = 0; i < dia.length; i++) {                                                    
            out.println("<option value=\"1\">" + dia[i] + "</option>");
          }
       %>
   </select>
   <input class="porc right tf w-input" id="node_i" maxlength="256" name="h_ini" placeholder="09:00 - 12:00 hrs" required="required" type="text">
   <input class="porc right tf w-input" id="node_f" maxlength="256" name="h_fin" placeholder="13 - 18:00 hrs" required="required" type="text">
</div>
javascript

1 Answers

  1. Best Answer

    您只需要使用以下方法：

    getHours()
getMinutes()
getSeconds()

    每个都会独立地为您提供小时、分钟和秒，然后您可以将它们连接到这样的字符串：

    window.addEventListener('DOMContentLoaded',m);

function m(){
var fecha = new Date();
var horas = fecha.getHours();
var minutos = chequearNumero(fecha.getMinutes());
var segundos = chequearNumero(fecha.getSeconds());
var divHora = document.getElementById('hora');
 divHora.innerHTML = horas + ": " + minutos + ": " + segundos;
}
function chequearNumero(numero){
  if(numero < 10) numero = "0" + numero;
  return numero;
}
 setInterval(m,500);
    <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <i id="hora"></i>
</body>
</html>

    稍后，您可以将其限制在时间范围内，以防您需要更具体的任务，例如：

    var time = new Date();
if(time.getHours() > 18) alert('Te pasaste de las 18(6 de la tarde)');
else alert('Aún no son las siete, date prisa!');

    • 2