Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Sumar Horas (HH:MM:SS) Jquery

Estas en el tema de Sumar Horas (HH:MM:SS) Jquery en el foro de Jquery en Foros del Web. Como puedo sumar tiempos en Jquery? necesito sumar 3 campos que manejan HH:MM:SS y colocar el resultado en un campo total. @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: ...
  #1 (permalink)  
Antiguo 17/12/2013, 09:33
Avatar de JuJoGuAl  
Fecha de Ingreso: julio-2009
Ubicación: Venezuela
Mensajes: 754
Antigüedad: 15 años, 3 meses
Puntos: 19
Pregunta Sumar Horas (HH:MM:SS) Jquery

Como puedo sumar tiempos en Jquery? necesito sumar 3 campos que manejan HH:MM:SS y colocar el resultado en un campo total.

Código HTML:
Ver original
  1. <tr>
  2.             <td><input name="fac1" type="text" id="fac1" onKeyPress="return acceptNum(event)" maxlength="10" class="obligatorio" /></td>
  3.             <td> <input type="text" name="tiempo11" id="tiempo11" class="obligatorio tiempo" maxlength="6" onKeyPress="return acceptNum(event)" /></td>
  4.             <td> <input type="text" name="tiempo12" id="tiempo12" class="obligatorio tiempo" maxlength="6" onKeyPress="return acceptNum(event)" /></td>
  5.             <td> <input type="text" name="tiempo13" id="tiempo13" class="obligatorio tiempo" maxlength="6" onKeyPress="return acceptNum(event)" /></td>
  6.             <td><input type="text" name="totalt1" id="totalt1" readonly="readonly" class="total_tiempo" /></td>
  7.             <td><select name="turn1" id="turn1" class="obligatorio">
  8.             <option value="2">Vespertino</option>
  9.             <option value="3">Nocturno</option>
  10.             </select></td>
  11.           </tr>

Como puedo hacerlo? ya los campos tienen mascaras...
  #2 (permalink)  
Antiguo 18/12/2013, 10:57
Avatar de hackjose  
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 14 años, 7 meses
Puntos: 131
Respuesta: Sumar Horas (HH:MM:SS) Jquery

Pues podrias obtener el valor con la propiedad value
Despues utilizas el metodo split del objeto String para cortar donde aparezca :

Entonces ya vas a tener un array con 3 elemento
El primer elemento es la hora
El segundo los minutos
El tercero los segundos

Haces lo mismo con los otros 2 input

Entonces ya vas a tener 3 arrays cada uno con 3 elementos

Ya solo sumas los elementos correspondientes

Despues los segundos los divides entre 60 y lo que te salga lo sumas a los minutos, aparte haces un modulo entre 60 y lo que te salga se queda en los segundos

Lo mismo lo haces en los minutos pero ahora lo que te salga lo sumas a las horas.

Saludos
  #3 (permalink)  
Antiguo 18/12/2013, 11:28
Avatar de JuJoGuAl  
Fecha de Ingreso: julio-2009
Ubicación: Venezuela
Mensajes: 754
Antigüedad: 15 años, 3 meses
Puntos: 19
Respuesta: Sumar Horas (HH:MM:SS) Jquery

Bueno pense que habia un metodo en Jquery para sumar tiempos... pero no lo encontre, lo que hice fue algo similar a lo que hackjose Menciona, obtengo el valor de todos los input que deseo sumar, los convierto a Segundos (separando cada valor y multiplicando por los segundos), luego que tengo el resultado lo convierto a HH:MM:SS y lo muestro en el input: el codigo final esta aqui: http://jsfiddle.net/JuJoGuAl/tNjf3/

Solo que alli no funciona bien porque no esta el Masked Input pero si funciona...

Etiquetas: horas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:28.