1

Deseo saber la diferencia entre una hora HH:MM de inicio y termino.

Tengo el siguiente código, pero me gustaría que la diferencia la muestre 3.5. Con este ejemplo obtengo 3 pero debería obtener 3.5 ya que tengo 30 minutos y así llegaría a 4 Esto lo tengo en JAVASCRIPT tambien me gustaria la forma de hacerlo en PHP

response = {
  startTime: '09:30',
  endTime: '13:00'
};

var momentStartTime = moment(response.startTime, 'hh:mm');
var momentEndTime = moment(response.endTime, 'hh:mm');

console.log(momentEndTime.diff(momentStartTime, 'minutes') / 60);

var html = 'Tiempo Diferencia : <br/>';
html += 'Diferencia (hours): ' + momentEndTime.diff(momentStartTime, 'hours') + '<br/>';

$('#output').html(html);
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<html>

<body>
  <p id="output">
  </p>
</body>

</html>

3
  • Tu pregunta no sé si está mal formulada, porque en la pregunta dice que que te gustaría que la muestre redondeada pero al parecer no lo quieres. Commented el 16 sept. 2021 a las 16:54
  • @JeanGotopo Corregui un poco la pregunta. Gracias
    – MoteCL
    Commented el 16 sept. 2021 a las 17:27
  • Pero, por qué no pones como lo pusiste en el console.log? Commented el 16 sept. 2021 a las 18:51

1 respuesta 1

1

Hola es simple solo calcule la diferencia en minutos y divida entre 60

response = {
  startTime: '06:30',
  endTime: '10:00'
};

var momentStartTime = moment(response.startTime, 'hh:mm');
var momentEndTime = moment(response.endTime, 'hh:mm');

var html = 'Tiempo Diferencia : <br/>';
html += 'Diferencia (hours): ' + momentEndTime.diff(momentStartTime, 'minutes') / 60 + '<br/>';

$('#output').html(html);
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<html>

<body>
  <p id="output">
  </p>
</body>

</html>

ahora en php


$startTime = new DateTime('06:30');
$endTime = new DateTime('10:00');
$diff = $startTime->diff($endTime);
$differenceInHours = $diff->h . ($diff->i > 0 ? "." . ($diff->i * 10 / 6) . "" : "");

Ahora esta salida puede ser confusa, xq ver 3.50 puede ser interpretado como 3 horas y 50 min, creo que la mejor forma es dejarlo 3.30 para lograr esto es cambiar

PHP:


$startTime = new DateTime('06:30');
$endTime = new DateTime('10:00');
$diff = $startTime->diff($endTime);
$differenceInHours = $diff->h . ($diff->i > 0 ? "." . $diff->i : "");

JS:

response = {
      startTime: '06:30',
      endTime: '10:00'
    };

    var momentStartTime = moment(response.startTime, 'hh:mm');
    var momentEndTime = moment(response.endTime, 'hh:mm');

var hoursDiff = momentEndTime.diff(momentStartTime, 'hours');
var minutesDiff = momentEndTime.diff(momentStartTime, 'minutes') % 60;
    var html = 'Tiempo Diferencia : <br/>';
    html += 'Diferencia (hours): ' + hoursDiff
    + 
    (minutesDiff > 0 ? "." + minutesDiff : "")
    + '<br/>';
    
      $('#output').html(html);
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
    <html>

    <body>
      <p id="output">
      </p>
    </body>

    </html>

Saludos

1
  • Estimado me encontre con el siguiente error $start = '08:45'; $end = '09:50'; obtengo 1.8.3333333333333
    – MoteCL
    Commented el 27 sept. 2021 a las 17:51

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.