berechnet Unterschied in 2 gegebene Zeit in Javascript

Question

Ich habe 2 mal in Drop-Down-in unter Format

Sun: Start Time:: 
<select name="timestart" size="1"> 
    <option value="08:00:00">08:00</option> 
    <option value="08:30:00">08:30</option> 
    <option value="09:00:00">09:00</option> 
    <option value="09:30:00">09:30</option> 
    <option value="10:00:00">10:00</option> 
    <option value="10:30:00">10:30</option> 
    <option value="11:00:00">11:00</option> 
    <option value="11:30:00">11:30</option> 
    <option value="12:00:00">12:00</option> 
    <option value="12:30:00">12:30</option> 
    <option value="13:00:00">13:00</option> 
    <option value="13:30:00">13:30</option> 
    <option value="14:00:00">14:00</option> 
    <option value="14:30:00">14:30</option> 
    <option value="15:00:00">15:00</option> 
    <option value="15:30:00">15:30</option> 
    <option value="16:00:00">16:00</option> 
    <option value="16:30:00">16:30</option> 
    <option value="17:00:00">17:00</option> 
</select><br /> 

Und

Sun: End Time:: 
<select name="timestop" size="1"> 
    <option value="08:00:00">08:00</option> 
    <option value="08:30:00">08:30</option> 
    <option value="09:00:00">09:00</option> 
    <option value="09:30:00">09:30</option> 
    <option value="10:00:00">10:00</option> 
    <option value="10:30:00">10:30</option> 
    <option value="11:00:00">11:00</option> 
    <option value="11:30:00">11:30</option> 
    <option value="12:00:00">12:00</option> 
    <option value="12:30:00">12:30</option> 
    <option value="13:00:00">13:00</option> 
    <option value="13:30:00">13:30</option> 
    <option value="14:00:00">14:00</option> 
    <option value="14:30:00">14:30</option> 
    <option value="15:00:00">15:00</option> 
    <option value="15:30:00">15:30</option> 
    <option value="16:00:00">16:00</option> 
    <option value="16:30:00">16:30</option> 
    <option value="17:00:00">17:00</option> 
</select><br /> 

Ich versuche, Zeitdifferenz in einem anderen Eingabefeld zu zeigen, das eine

SunTotal:<input maxlength="255" id="sunvalue" name="inp_24771" type="text" value="" /><br /> 

und ich benutze unten Javascript

Das Problem ist der Code arbeitet Hälfte, bedeutet es zeigt Zeit nur wenn ich Stunden in beiden Feldern wie 09:00 und 10:00 wählen, aber wenn ich Zeit in Minuten wie 09:30 und 10 wählen: 30, es funktioniert nicht

Answer 1

Sie haben die Minutenabschnitte nicht analysiert. Was Sie tun müssen, ist die Minuten zu nehmen, sie in Stunden umzuwandeln (z. B. 30 ist 0,5 Stunden) und dann die Berechnung durchzuführen.

JSfiddle befestigt unten https://jsfiddle.net/1r6yykmv/

function parseTime(timeString){ 
    var timeSections = timeString.split(':'); 
    var hours = timeSections[0]; 
    var minutes = timeSections[1]; 

    var timeInHours = parseFloat(hours) + parseFloat(minutes/60); 
    return timeInHours; 
}