mi soluccion fue hacer una consulta ajax, pues no sé si sea la mejor opcion,
pero funciona perfectamente.
html
<!--HORA ENTRADA-->
<input type='text' class="form-control horas" name="inputHrEntrada" id="HrEntrada" placeholder="00:00 .." required>
<!--HORA SALIDA-->
<input type='text' class="form-control horas" name="inputHrSalida" id="HrSalida" placeholder="00:00 .." required>
<!--TIEMPO TL-->
<input type='text' class="form-control" name="inputTmpTl" id="TmpTl" placeholder="TIEMPO TOTAL" readonly>
js
$(".horas").on("change keyup", function() {
var hr1=$("#HrEntrada").val();
var hr2=$("#HrSalida").val();
if (hr1!='' && hr2!='') {
var datos = new FormData();
datos.append("hrentrada1", hr1);
datos.append("hrsaldia2", hr2);
$.ajax({
url:"ajax/Enfriamiento.ajax.php",
method: "POST",
data: datos,
cache: false,
contentType: false,
processData: false,
dataType: "json",
success: function(respuesta){
console.log("resp: ",respuesta);
$("#TmpTl").val(respuesta);
}
});
}
})
archivo PHP AJAX:
<?php
class AjaxDiferenciaHrs{
/**DIFERENCIA DE HORAS */
public $hrentrada;
public $hrsalida;
public function showtlhr(){
$hr1 = $this->hrentrada;
$hr2 = $this->hrsalida;
$hora1 = DateTime::createFromFormat('h:i A', $hr1);
$hora2 = DateTime::createFromFormat('h:i A', $hr2);
$interval = $hora1->diff($hora2);
$tiemptl=$interval->format('%H:%I');
echo json_encode($tiemptl);
}
}//fin class AjaxEnfriamiento
/**MOSTRAR DIFERENCIA ENTRE HORA ENTRADA Y HORA SALIDAD*/
if (isset($_POST["hrentrada1"]) && isset($_POST["hrsaldia2"])) {
$showhrtl = new AjaxEnfriamiento();
$showhrtl -> hrentrada = $_POST["hrentrada1"];
$showhrtl -> hrsalida = $_POST["hrsaldia2"];
$showhrtl -> showtlhr();
}
moment().format('hh:mm')