Hora posterior en un formulario

Cota_Isla · #1 (**permalink**) 04/12/2012, 23:13

Buenas,
estoy aquí intentando hacer un script con la intención de que cuando yo en un formulario introduzca una hora en un input de tipo time (que será una hora de inicio) en otro input (que será la hora de fin) el valor de este ultimo sea la hora de inicio mas 30 minutos. He intentado hacer lo siguiente pero debe tener fallos:

<script languaje="javascript">
function hora (form)
{
var hora = form.ini_grupo.value;
var x1 = hora.substring(0,2);
var x2 = hora.substring(2,5);
x2 = x2 + 30;
if(x2>60)
{
x2=x2-60;
x1++;
}
var h = x1.toString() + ":" + x2.toString();
form.fin_grupo.value = h;
}
</script>

Lo que intento buscar con esto es que cuando un usuario introduzca una hora la hora de fin sea siempre posterior.
Si a alguien se le ocurre otra forma de realizar esto que intento me sería bastante util.
Los inputs son los siguientes:

<b>Hora de inicio:</b>
<br>
<input type="time" name="ini_grupo" value="12:00" onfocus="hora(this.form)" required>
<br>
<b>Hora de finalizacion:</b>
<br>
<input type="time" name="fin_grupo" required>

*Nota: el codigo es javascript pero mi aplicación esta escrita en php.
Un saludo y gracias!

quimfv · #2 (**permalink**) 05/12/2012, 04:17

Es una pregunta de javascript, aun que estes en un proyecto php deberías preguntar en javascript....

Así funciona

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script languaje="javascript">
function hora (form)
{
var hora = form.ini_grupo.value;
var arhora=hora.split(":")
arhora[1] = parseInt(arhora[1],10) + 30;
arhora[0]=parseInt(arhora[0],10);
if(arhora[1]>60)
{
arhora[1]=arhora[1]-60;
arhora[0]++;
}
var h = arhora[0].toString() + ":" + arhora[1].toString();
form.fin_grupo.value = h;
}
</script>
</head>
 
<body>
<form>
<b>Hora de inicio:</b>
<br>
<input type="time" name="ini_grupo" value="12:00" onfocus="hora(this.form)" onBlur="hora(this.form)" required>
<br>
<b>Hora de finalizacion:</b>
<br>
<input type="time" name="fin_grupo" required>
</form>
</body>
</html>

Deberias controlar que lo que entren en el primer imput tenga forma de hora, si los minutos son menos de 10 deberías agregar el cero a la izquierda.

cesar15 · #3 (**permalink**) 05/12/2012, 04:34

pues si usas php yo lo aria así:

Código PHP:

Ver original<?php   
$hora = date("H:i:s");
?>

y a la variable de los minutos pues le sumo 30 y hago las comparaciones pertinentes de si pasan a ser mas de 60 pues aria minutos = a 0 y hora le sumo 1 y ya. espero esto sea lo que nesecites.