Jquery Zeitunterschied in Stunden aus zwei Feldern

Ich habe zwei Felder in meinem Formular, wo die Benutzer wählen Sie eine Eingabe von Uhrzeit (start_time, end_time) ich möchte auf die Veränderung dieser Felder, recalcuate der Wert für ein anderes Feld.

Was ich möchte zu tun ist, erhalten Sie die Anzahl der Stunden zwischen 2 Zeiten. So zum Beispiel, wenn ich eine Startzeit von 5:30 Uhr und einer Endzeit von 7:50, ich würde gerne das Ergebnis 2:33 in ein anderes Feld.

Meine eingegebenen Formular-Zeiten werden im format HH:MM:SS

Bisher habe ich versucht...

$('#start_time,#end_time').on('change',function() 
{
  var start_time = $('#start_time').val();
  var end_time = $('#end_time').val();

    var diff =  new Date(end_time) - new Date( start_time);  



  $('#setup_hours').val(diff);
  • 2:33, 2.33 oder 2:20 statt ?
  • oder new Date("1970-1-1 " + end_time). ist nur eine Zeit auf Ihrer eigenen ein date? dont think so...
  • 2.33 Der zweite Teil von der Dezimalstelle werden sollte der Anteil von insgesamt Stunden. So 2:20 in diesem Fall 20/60 ist .33
  • es gibt kein Datum in der Eingabe ist es einfach nur "HH:MM:SS"
  • so verwenden Sie eine Konstante Datum Stück
InformationsquelleAutor | 2012-08-09
  1. 12

    versuchen

    var diff = ( new Date("1970-1-1 " + end_time) - new Date("1970-1-1 " + start_time) ) / 1000 / 60 / 60;

    haben ein Turnschuh

    • Ich bin immer ein NaN-Ergebnis aus? Das ist auch das Problem, das ich habe gegeben, versucht diese Antwort so gut?
    • die Geige ist NaN auch
    • nvm HAB ES! Dies hat geholfen, danke!
    • Danke, tolle Antwort, +1...
    • Für die ex. ich habe new Date("1970-1-1 12:00 ") - neues Datum("1970-1-1 10:55") ) / 1000 / 60 / 60. Die Antwort ist 1.083333... 1 ist die STUNDE, aber, warum 0.83 für die Minuten ? Wie es scheint, die Antwort ist 1.05 1hour & 5 Minuten? Ich bin ein wenig verwirrt. Vielleicht bekommt man die richtige Antwort jsfiddle.net/VDnND
    • keine seiner 1.083 Stunden. wenn Sie möchten, dass die GESAMTEN Minuten einfach mal 1.083333 von 60 - Sekunden, durch einen anderen 60 usw. Der OP hat Fragen für Stunden, es gibt immer abs()
    • Hi @jenson-button-event, vielen Dank für die Klarstellung.
    • Hi fiddle funktioniert nicht

    InformationsquelleAutor jenson-button-event
  2. 5
       var start = '5:30';
   var end = '7:50';
   s = start.split(':');
   e = end.split(':');
   min = e[1]-s[1];
   hour_carry = 0;
   if(min < 0){
       min += 60;
       hour_carry += 1;
   }
   hour = e[0]-s[0]-hour_carry;
   min = ((min/60)*100).toString()
   diff = hour + ":" + min.substring(0,2);
   alert(diff);
    InformationsquelleAutor Clyde Lobo
  3. 5

    Es hängt davon ab, welches format Sie möchten, dass Ihre Ausgabe in. Wenn dabei die Mathematik mit Date-Objekten, konvertiert Sie in Millisekunden seit der Epoche Zeit (Januar 1, 1970, 00:00:00 UTC). Durch die Subtraktion der beiden (und unter absoluter Wert, wenn Sie nicht wissen, welches größer ist), bekommen Sie die raw-Anzahl der Millisekunden zwischen den beiden.

    Von dort aus können Sie es konvertieren in welchem format auch immer Sie wollen. Um die Anzahl der Sekunden, nur teilen Sie die Zahl durch 1000. Um Stunden, Minuten und Sekunden:

    var diff =  Math.abs(new Date(end_time) - new Date(start_time));
var seconds = Math.floor(diff/1000); //ignore any left over units smaller than a second
var minutes = Math.floor(seconds/60); 
seconds = seconds % 60;
var hours = Math.floor(minutes/60);
minutes = minutes % 60;

alert("Diff = " + hours + ":" + minutes + ":" + seconds);

    Könnte man natürlich machen, diese schlauer, mit einigen Bedingungen, aber dies ist nur um Ihnen zu zeigen, dass mit math können Sie formatieren Sie es in welcher form auch immer Sie wollen. Gerecht halten Sie im Verstand, den ein Date-Objekt hat immer ein Datum, nicht nur ein mal, so können Sie speichern Sie diese in ein Date-Objekt, aber wenn es mehr als 24 Stunden werden Sie am Ende mit Informationen, die nicht wirklich repräsentieren einen "Abstand" zwischen den beiden.

    • Vielen Dank für diese ausführliche Antwort! Zwar ist dies nicht unbedingt die genaue Methode, die ich verwendet für die Formatierung der Zeit, dieser Beitrag hat mir geholfen, besser zu verstehen, die date-Funktion und posiblities.
    InformationsquelleAutor Nick
  4. 3

    versuchen Sie dies :

    var diff = new Date("Aug 08 2012 9:30") - new Date("Aug 08 2012 5:30");
diff_time = diff/(60*60*1000);
    • Ich bin immer ein NaN-Ergebnis von diesem, wenn ich auch jede minute Wert größer als 23? Komisch... Aber ich bin immer noch eine sehr große Zahl zurückgegeben, die ich annehmen, ist die raw Millisekunden als ngmiceli zuvor erwähnt.
    • nvm HAB ES! Dies hat geholfen, danke!
    InformationsquelleAutor Shreedhar
Schreibe einen Kommentar