Unterschied zwischen 2 Daten in JavaScript ermitteln?

Question

Wie ermittle ich die Differenz zwischen 2 Daten in ganzen Tagen (ich möchte keine Tagesbruchteile)?

var date1 = new Date('7/11/2010');
var date2 = new Date('12/12/2010');
var diffDays = date2.getDate() - date1.getDate(); 
alert(diffDays)

Ich habe das oben beschriebene versucht, aber es hat nicht funktioniert.

Answer 1

Hier ist eine Möglichkeit :

const date1 = new Date('7/13/2010');
const date2 = new Date('12/15/2010');
const diffTime = Math.abs(date2 - date1);
const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)); 
console.log(diffTime + " milliseconds");
console.log(diffDays + " days");

Beachten Sie, dass wir das Datum in Anführungszeichen setzen müssen. Der Rest des Codes ermittelt die Zeitdifferenz in Millisekunden und teilt sie dann, um die Anzahl der Tage zu erhalten. Datum erwartet das Format mm/dd/yyyy.

Answer 2

Eine korrektere Lösung

... da die Daten natürlich Zeitzoneninformationen enthalten, die sich auf Regionen mit unterschiedlichen Sommerzeitregelungen erstrecken können

Die bisherigen Antworten auf diese Frage berücksichtigen nicht die Fälle, in denen die beiden fraglichen Daten eine Sommerzeitumstellung umfassen. Das Datum, an dem die Sommerzeitumstellung stattfindet, hat eine Dauer in Millisekunden, die != 1000*60*60*24 so dass die typische Berechnung fehlschlägt.

Sie können dieses Problem umgehen, indem Sie die beiden Daten zunächst auf UTC normalisieren und dann die Differenz zwischen diesen beiden UTC-Daten berechnen.

Die Lösung kann nun wie folgt geschrieben werden,

const _MS_PER_DAY = 1000 * 60 * 60 * 24;

// a and b are javascript Date objects
function dateDiffInDays(a, b) {
  // Discard the time and time-zone information.
  const utc1 = Date.UTC(a.getFullYear(), a.getMonth(), a.getDate());
  const utc2 = Date.UTC(b.getFullYear(), b.getMonth(), b.getDate());

  return Math.floor((utc2 - utc1) / _MS_PER_DAY);
}

// test it
const a = new Date("2017-01-01"),
    b = new Date("2017-07-25"),
    difference = dateDiffInDays(a, b);

Dies funktioniert, weil die UTC-Zeit nie die Sommerzeit einhält. Siehe Wird in UTC die Sommerzeit eingehalten?

p.s. Nach der Diskussion einige der Kommentare zu dieser Antwort, sobald Sie die Probleme mit Javascript Daten, die eine DST-Grenze überspannen verstanden haben, gibt es wahrscheinlich mehr als nur eine Möglichkeit, es zu lösen. Was ich oben zur Verfügung gestellt ist eine einfache (und getestet) Lösung. Ich würde daran interessiert sein, zu wissen, ob es eine einfache arithmetische/math-basierte Lösung, anstatt die zwei neuen Date-Objekte zu instanziieren ist. Das könnte möglicherweise schneller sein.

Answer 3

Hier ist eine Lösung mit moment.js :

var a = moment('7/11/2010','M/D/YYYY');
var b = moment('12/12/2010','M/D/YYYY');
var diffDays = b.diff(a, 'days');
alert(diffDays);

Ich habe Ihre ursprünglichen Eingabewerte verwendet, aber Sie haben das Format nicht angegeben, also habe ich angenommen, dass der erste Wert der 11. Juli ist. Wenn es der 7. November sein sollte, dann ändern Sie das Format auf D/M/YYYY stattdessen.

Answer 4

var date1 = new Date("7/11/2010");
var date2 = new Date("8/11/2010");
var diffDays = parseInt((date2 - date1) / (1000 * 60 * 60 * 24), 10); 

alert(diffDays )

Answer 5

Ich habe viele Möglichkeiten ausprobiert und festgestellt, dass die Verwendung von Datepicker die beste ist, aber das Datumsformat verursacht Probleme mit JavaScript....

Hier ist also meine Antwort, und sie kann sofort ausgeführt werden.

<input type="text" id="startdate">
<input type="text" id="enddate">
<input type="text" id="days">

<script src="https://code.jquery.com/jquery-1.8.3.js"></script>
<script src="https://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/redmond/jquery-ui.css" />
<script>
$(document).ready(function() {

$( "#startdate,#enddate" ).datepicker({
changeMonth: true,
changeYear: true,
firstDay: 1,
dateFormat: 'dd/mm/yy',
})

$( "#startdate" ).datepicker({ dateFormat: 'dd-mm-yy' });
$( "#enddate" ).datepicker({ dateFormat: 'dd-mm-yy' });

$('#enddate').change(function() {
var start = $('#startdate').datepicker('getDate');
var end   = $('#enddate').datepicker('getDate');

if (start<end) {
var days   = (end - start)/1000/60/60/24;
$('#days').val(days);
}
else {
alert ("You cant come back before you have been!");
$('#startdate').val("");
$('#enddate').val("");
$('#days').val("");
}
}); //end change function
}); //end ready
</script>

eine Fiddle ist hier zu sehen DEMO