Wie berechnet man die Anzahl der Tage zwischen zwei Daten?

Question

Ein Beispiel: Zwei Daten in Eingabefeldern:

<input id="first" value="1/1/2000"/>
<input id="second" value="1/1/2001"/>

<script>
  alert(datediff("day", first, second)); // what goes here?
</script>

Wie ermittle ich die Anzahl der Tage zwischen zwei Daten in JavaScript?

Answer 1

Hier ist ein schnell und schmutzig Umsetzung von datediff als Beweis für ein Konzept zur Lösung des Problems, wie es in der Frage dargestellt ist. Es beruht auf der Tatsache, dass man die verstrichenen Millisekunden zwischen zwei Daten durch Subtraktion erhalten kann, was sie in ihren primitiven Zahlenwert zwingt (Millisekunden seit Beginn des Jahres 1970).

// new Date("dateString") is browser-dependent and discouraged, so we'll write
// a simple parse function for U.S. date format (which does no error checking)
function parseDate(str) {
    var mdy = str.split('/');
    return new Date(mdy[2], mdy[0]-1, mdy[1]);
}

function datediff(first, second) {
    // Take the difference between the dates and divide by milliseconds per day.
    // Round to nearest whole number to deal with DST.
    return Math.round((second-first)/(1000*60*60*24));
}

alert(datediff(parseDate(first.value), parseDate(second.value)));

<input id="first" value="1/1/2000"/>
<input id="second" value="1/1/2001"/>

Sie sollten sich darüber im Klaren sein, dass die "normalen" Date-APIs (ohne "UTC" im Namen) in der lokalen Zeitzone des Browsers des Benutzers arbeiten, so dass Sie im Allgemeinen auf Probleme stoßen könnten, wenn sich Ihr Benutzer in einer Zeitzone befindet, die Sie nicht erwarten, und Ihr Code mit Sommerzeitumstellungen umgehen muss. Sie sollten die Dokumentation für das Date-Objekt und seine Methoden sorgfältig lesen und für kompliziertere Aufgaben unbedingt eine Bibliothek verwenden, die sicherere und leistungsfähigere APIs für die Datumsmanipulation bietet.

• Zahlen und Daten -- MDN JavaScript-Anleitung
• Date -- MDN JavaScript-Referenz

_{Zur Veranschaulichung verwendet das Snippet außerdem <a href="https://www.w3.org/TR/html5/browsers.html#named-access-on-the-window-object" rel="noreferrer">benannter Zugang auf der <code>window</code> Objekt </a>der Kürze halber, aber in der Produktion sollten Sie standardisierte APIs wie <a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById" rel="noreferrer">getElementById </a>oder, was wahrscheinlicher ist, ein UI-Framework.}

Answer 2

Zum jetzigen Zeitpunkt kann nur eine der anderen Antworten die Umstellung auf die Sommerzeit korrekt verarbeiten. Hier sind die Ergebnisse für ein System in Kalifornien:

                                        1/1/2013- 3/10/2013- 11/3/2013-
User       Formula                      2/1/2013  3/11/2013  11/4/2013  Result
---------  ---------------------------  --------  ---------  ---------  ---------
Miles                   (d2 - d1) / N   31        0.9583333  1.0416666  Incorrect
some         Math.floor((d2 - d1) / N)  31        0          1          Incorrect
fuentesjr    Math.round((d2 - d1) / N)  31        1          1          Correct
toloco     Math.ceiling((d2 - d1) / N)  31        1          2          Incorrect

N = 86400000

Obwohl Math.round die richtigen Ergebnisse liefert, halte ich es für etwas umständlich. Stattdessen können wir durch die explizite Berücksichtigung von Änderungen des UTC-Offsets bei Beginn oder Ende der Sommerzeit eine exakte Arithmetik verwenden:

function treatAsUTC(date) {
    var result = new Date(date);
    result.setMinutes(result.getMinutes() - result.getTimezoneOffset());
    return result;
}

function daysBetween(startDate, endDate) {
    var millisecondsPerDay = 24 * 60 * 60 * 1000;
    return (treatAsUTC(endDate) - treatAsUTC(startDate)) / millisecondsPerDay;
}

alert(daysBetween($('#first').val(), $('#second').val()));

Erläuterung

JavaScript-Datumsberechnungen sind kompliziert, weil Date Objekte speichern Zeiten intern in UTC, nicht in Ortszeit. Zum Beispiel wird 3/10/2013 12:00 Uhr Pazifische Standardzeit (UTC-08:00) als 3/10/2013 8:00 Uhr UTC gespeichert, und 3/11/2013 12:00 Uhr Pazifische Sommerzeit (UTC-07:00) wird als 3/11/2013 7:00 Uhr UTC gespeichert. An diesem Tag sind es von Mitternacht bis Mitternacht Ortszeit nur 23 Stunden in UTC!

Obwohl ein Tag in Ortszeit mehr oder weniger als 24 Stunden haben kann, ist ein Tag in UTC immer genau 24 Stunden lang. 1 Die daysBetween Methode macht sich diese Tatsache zunutze, indem sie zuerst die treatAsUTC um beide Ortszeiten an Mitternacht UTC anzupassen, bevor sie subtrahiert und dividiert werden.

1. JavaScript ignoriert Schaltsekunden.

Answer 3

Der einfachste Weg, um die Differenz zwischen zwei Daten zu ermitteln:

var diff = Math.floor((Date.parse(str2) - Date.parse(str1)) / 86400000);

Sie erhalten die Differenztage (oder NaN, wenn einer oder beide nicht geparst werden konnten). Das Parse-Datum liefert das Ergebnis in Millisekunden, und um es als Tag zu erhalten, muss man es teilen durch 24 * 60 * 60 * 1000

Wenn Sie es durch Tage, Stunden, Minuten, Sekunden und Millisekunden teilen möchten:

function dateDiff( str1, str2 ) {
    var diff = Date.parse( str2 ) - Date.parse( str1 ); 
    return isNaN( diff ) ? NaN : {
        diff : diff,
        ms : Math.floor( diff            % 1000 ),
        s  : Math.floor( diff /     1000 %   60 ),
        m  : Math.floor( diff /    60000 %   60 ),
        h  : Math.floor( diff /  3600000 %   24 ),
        d  : Math.floor( diff / 86400000        )
    };
}

Hier ist meine umgestaltete Version von James Version:

function mydiff(date1,date2,interval) {
    var second=1000, minute=second*60, hour=minute*60, day=hour*24, week=day*7;
    date1 = new Date(date1);
    date2 = new Date(date2);
    var timediff = date2 - date1;
    if (isNaN(timediff)) return NaN;
    switch (interval) {
        case "years": return date2.getFullYear() - date1.getFullYear();
        case "months": return (
            ( date2.getFullYear() * 12 + date2.getMonth() )
            -
            ( date1.getFullYear() * 12 + date1.getMonth() )
        );
        case "weeks"  : return Math.floor(timediff / week);
        case "days"   : return Math.floor(timediff / day); 
        case "hours"  : return Math.floor(timediff / hour); 
        case "minutes": return Math.floor(timediff / minute);
        case "seconds": return Math.floor(timediff / second);
        default: return undefined;
    }
}

Answer 4

Ich empfehle die Verwendung der moment.js-Bibliothek ( http://momentjs.com/docs/#/displaying/difference/ ). Es geht korrekt mit der Sommerzeit um und ist im Allgemeinen sehr benutzerfreundlich.

Ejemplo:

var start = moment("2013-11-03");
var end = moment("2013-11-04");
end.diff(start, "days")
1

Answer 5

Schritte

1. Starttermin festlegen
2. Enddatum festlegen
3. Berechnung der Differenz
4. Millisekunden in Tage umrechnen

Native JS

const startDate  = '2020-01-01';
const endDate    = '2020-03-15';

const diffInMs   = new Date(endDate) - new Date(startDate)
const diffInDays = diffInMs / (1000 * 60 * 60 * 24);

---

Kommentar

Ich weiß, dies ist nicht Teil Ihrer Fragen, aber im Allgemeinen würde ich nicht empfehlen, jede Datumsberechnung oder -manipulation in Vanilla JavaScript zu tun und eher eine Bibliothek wie zu verwenden datum-fns , Luxon o moment.js wegen der vielen Grenzfälle.

---

Benutzung einer Bibliothek

Date-fns

https://date-fns.org/v2.16.1/docs/differenceInDays

const differenceInDays = require('date-fns/differenceInDays');

const startDate  = '2020-01-01';
const endDate    = '2020-03-15';

const diffInDays = differenceInDays(new Date(endDate), new Date(startDate));

Luxon

https://moment.github.io/luxon/docs/class/src/datetime.js~DateTime.html#instanz-methode-diff

const { DateTime } = require('luxon');

const startDate  = '2020-01-01';
const endDate    = '2020-03-15';

const diffInDays = DateTime.fromISO(endDate).diff(DateTime.fromISO(startDate), 'days').toObject().days;

Moment.js

https://momentjs.com/docs/#/displaying/difference/

const moment = require('moment');

const startDate  = '2020-01-01';
const endDate    = '2020-03-15';

const diffInDays = moment(endDate).diff(moment(startDate), 'days');

Beispiele auf RunKit

https://runkit.com/marcobiedermann/5f573e211e85e7001a37ab00