Restar 2 horas

[jromoi]

buenos estoy asiendo un sistema en donde tengo que restar la "hora acordada" y la "hora Real" y eso dejarlo en un textfield.
Ejemplo teórico:

Hora Acordada: "aquí va un textfield, donde ingreso la hora"

Hora Real: "aquí va un textfield, donde ingreso la hora"

Resto: "es la resta de Hora Acordada y Hora Real, esto tendría que almacenar en un Textfield automáticamente"

Ejemplo Practico

Hora Acordada: 22:22

Hora Real: 23:22

Resto: -01:00. Automáticamente tendría que calcular.


porfa si alguien tiene algún ejercicio me podrían ayudar por favor, soy nuevo en esto y quiero aprender.
Gracias por todo.

[Crazylegs]

¿La resta la quieres hacer en el servidor, es decir, con PHP? ¿O directamente en el cliente, es decir, con javascript?

De todas formas mírate esto:
Diferencia entre fechas y horas en PHP:
http://www.php.net/manual/es/datetime.diff.php

Métodos de fechas en Javascript:
http://www.w3schools.com/jsref/jsref_obj_date.asp
En Javascript parece ser que no hay una función o método predefinido de diferencia entre fechas.

Podrías crear una instancia de date y luego llamar a los métodos .getHours y .getMinuts de esta:

Código Javascript:

var fecha1 = new Date(2000, 1, 1, 22, 22, 0, 0);
var fecha2 = new Date(2000, 1, 1, 23, 22, 0, 0);
var diferenciaHoras=fecha1.getHours() - fecha2.getHours();
var diferenciaMinutos=fecha1.getMinutes() - fecha2.getMinutes();
//Muestra el resultado en el textfield
document.getElementById("id_de_tu_textfield").value=diferenciaHoras+":"+diferenciaMinutos;
 

Otra opción con Javascript, diría que más sencilla sería utilizar split con los valores de las 2 horas:
http://www.w3schools.com/jsref/jsref_split.asp

Disculpa, el ejemplo de js que he puesto no es del todo correcto, al restar los minutos, si la fecha2 tiene más minutos que la fecha1, devolverá un valor negativo. Lo que habrá que hacer en ese caso será restar 1 a la hora de diferencia y los minutos de diferencia serán 60 - valor negativo de la diferencia entre minutos.

[jromoi]

disculpa Crazylegs, creo que tu aporte es valioso pero la verdad es que tengo muy pocos conocimientos en el área de la programación y necesitaba mas ejemplo prácticos que teoría.
No mal-agradezco tu info pero no entiendo mucho de enviar parametros en php, y si tienes algun ejemplo de pasar paramentros seria de mucha ayuda, ya que podria empezar de ahí.
Saludos y gracias

[Crazylegs]

Pues precisamente el otro día escribi una entrada en mi blog sobre como recoger datos de un formulario en PHP.

Recoger datos de un formulario en PHP

Espero que te sirva de ayuda...pero estás seguro de que lo quieres hacer con PHP? Porque para ejecutar PHP necesitarás un servidor web que lo soporte.

No sé si te han pedido hacerlo en el servidor para enviarlo a algún sitio, o solo que muestre el resultado de la resta.

[jromoi]

solo Necesito que muestre el resultado de la resta

Saludos y gracia

[Crazylegs]

Partiendo de la base que tienes un HTML similar a este:

Código HTML:

<input type="text" id="hora_acordada">
<input type="text" id="hora_real">
<input type="text" id="resultado">
<input type="button" onclick="javascript:restarFechas();">
 

Dentro de la etiqueta HEAD de HTML defines la función:

Código Javascript:

function restarFechas(){
    var horaAcordada = document.getElementById("hora_acordada").value;
    var horaReal = document.getElementById("hora_real").value;
    //Separa las horas y los minutos en un array(también llamado arreglo o vector) de 2 posiciones, separandolo por el carácter de los ":".
    var arrayHoraAcordada= horaAcordada.split(":");
    //Separa las horas y los minutos en un array(también llamado arreglo o vector) de 2 posiciones, separandolo por el carácter de los ":".
    var arrayHoraReal= horaReal.split(":");
    //El parseInt es necesario para convertir el string devuelto por el split a un número entero para poder realizar operaciones matemáticas.
    var diferenciaHoras = parseInt(arrayHoraAcordada[0]) - parseInt(arrayHoraReal[0]);
    var diferenciaMinutos = parseInt(arrayHoraAcordada[1]) - parseInt(arrayHoraReal[1]);
    //Aquí hay que comprobar que los minutos no sean negativos, si es así, hay que hacer lo que comentaba anteriormente.
    if(diferenciaMinutos<0){ 
        //.Esta parte seguro que eres capaz de hacerla tú :)
    }
    //Muestra el resultado en el textfield de abajo
    document.getElementById("resultado").value=diferenciaHoras+":"+diferenciaMinutos;
}
 

Si no conoces los array mirate esto o busca en google arrays javascript.

Espero que te sirva de ayuda.