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. el 16 sep. 2021 a las 16:54
  • @JeanGotopo Corregui un poco la pregunta. Gracias
    – MoteCL
    el 16 sep. 2021 a las 17:27
  • Pero, por qué no pones como lo pusiste en el console.log? el 16 sep. 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
    el 27 sep. 2021 a las 17:51

Tu Respuesta

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

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