Comment puis-je obtenir le nombre de jours entre deux dates en JavaScript?

De cette écriture, un seul des autres réponses gère correctement l'heure d'été (daylight saving time) des transitions. Voici les résultats sur un système qui se trouve dans l'état de Californie:

                                        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

Bien que Math.round renvoie des résultats corrects, je pense que c'est un peu maladroit. Au lieu de cela, explicitement, de la comptabilité pour la modification du décalage UTC lorsque l'heure d'été commence ou se termine, nous pouvons utiliser exacte de l'arithmétique:

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()));

Explication

JavaScript date de calculs sont difficiles parce que Date objets magasin de temps à l'interne en UTC, pas de temps local. Par exemple, 3/10/2013 12:00 AM, Heure normale du Pacifique (UTC-08:00) est stockée en tant que 3/10/2013 8:00 AM UTC, et 3/11/2013 12:00 AM, Heure Avancée du Pacifique (UTC-07:00) est stockée en tant que 3/11/2013 7:00 AM UTC. En ce jour, de minuit à minuit, heure locale, il est seulement de 23 heures au format UTC!

Bien qu'un jour dans l'heure locale peut avoir plus ou moins de 24 heures, un jour à l'UTC est toujours exactement 24 heures.¹ La daysBetween méthode indiquée ci-dessus prend le parti de ce fait en appelant d'abord treatAsUTC à ajuster l'heure locale à minuit UTC, avant soustraction et la division.

^{1. JavaScript ignore les secondes intercalaires.}

Je recommande l'utilisation de la moment.js bibliothèque (http://momentjs.com/docs/#/displaying/difference/). Il gère l'heure d'été correctement et, en général, est très agréable de travailler avec.

Exemple:

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

const startDate = '2017-11-08';
const endDate   = '2017-10-01';
const timeDiff  = (new Date(startDate)) - (new Date(endDate));
const days      = timeDiff / (1000 * 60 * 60 * 24)

1. Définir la date de début
2. Date de fin prévue
3. Calculer la différence
4. Convertir millisecondes à quelques jours

Les valeurs de Date en JS sont des valeurs datetime.

Donc, direct date de calculs sont incompatibles:

(2013-11-05 00:00:00) - (2013-11-04 10:10:10) < 1 day

par exemple nous avons besoin de convertir de la 2e date:

(2013-11-05 00:00:00) - (2013-11-04 00:00:00) = 1 day

la méthode pourrait être tronquer les moulins de deux dates:

JS:

var date1 = new Date('2013/11/04 00:00:00');
var date2 = new Date('2013/11/04 10:10:10'); //less than 1
var start = Math.floor(date1.getTime() / (3600 * 24 * 1000)); //days as integer from..
var end = Math.floor(date2.getTime() / (3600 * 24 * 1000)); //days as integer from..
var daysDiff = end - start; //exact dates
console.log(daysDiff);

date2 = new Date('2013/11/05 00:00:00'); //1

var start = Math.floor(date1.getTime() / (3600 * 24 * 1000)); //days as integer from..
var end = Math.floor(date2.getTime() / (3600 * 24 * 1000)); //days as integer from..
var daysDiff = end - start; //exact dates
console.log(daysDiff);

Pour Calculer le nombre de jours entre 2 dates, vous pouvez utiliser le code suivant.Les Dates que j'utilise ici sont 01 Jan 2016 et le 31 Décembre 2016

JS:

var day_start = new Date("Jan 01 2016");
var day_end = new Date("Dec 31 2016");
var total_days = (day_end - day_start) / (1000 * 60 * 60 * 24);
document.getElementById("demo").innerHTML = Math.round(total_days);

HTML:

<h3>DAYS BETWEEN GIVEN DATES</h3>
<p id="demo"></p>

J'ai trouvé cette question quand je veux faire quelque calculer sur deux jour, mais le jour des heures et des minutes en valeur, j'ai modifié @michael-liu 's réponse pour s'adapter à mon exigence, et il a passé mon test.

diff jours 2012-12-31 23:00 et 2013-01-01 01:00 doit être égale à 1. (2 heures)
diff jours 2012-12-31 01:00 et 2013-01-01 23:00 doit être égale à 1. (46 heures)

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

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

Que sur l'utilisation de formatDate de composant? Vous pouvez l'utiliser pour convertir les dates en timestamp format (millisecondes écoulées depuis le 01/01/1970) et ensuite de faire une simple soustraction.

JS:

function timeDifference(date1, date2) {
  var oneDay = 24 * 60 * 60; //hours*minutes*seconds
  var oneHour = 60 * 60; //minutes*seconds
  var oneMinute = 60; //60 seconds
  var firstDate = date1.getTime(); //convert to milliseconds
  var secondDate = date2.getTime(); //convert to milliseconds
  var seconds = Math.round(Math.abs(firstDate - secondDate) / 1000); //calculate the diffrence in seconds
  //the difference object
  var difference = {
    "days": 0,
    "hours": 0,
    "minutes": 0,
    "seconds": 0,
  }
  //calculate all the days and substract it from the total
  while (seconds >= oneDay) {
    difference.days++;
    seconds -= oneDay;
  }
  //calculate all the remaining hours then substract it from the total
  while (seconds >= oneHour) {
    difference.hours++;
    seconds -= oneHour;
  }
  //calculate all the remaining minutes then substract it from the total 
  while (seconds >= oneMinute) {
    difference.minutes++;
    seconds -= oneMinute;
  }
  //the remaining seconds :
  difference.seconds = seconds;
  //return the difference object
  return difference;
}
console.log(timeDifference(new Date(2017,0,1,0,0,0),new Date()));

Être prudent lors de l' à l'aide de millisecondes.

La date.getTime() retourne millisecondes et faire opération mathématique avec millisecondes nécessite d'inclure

• Heure d'été (DST)
• de vérifier si les deux dates ont la même heure (heures, minutes, secondes, millisecondes)
• assurez-vous que le comportement de jours diff est nécessaire: 19 septembre 2016 - 29 septembre 2016 = 1 ou 2 jours de différence?

L'exemple de commentaire ci-dessus est la meilleure solution que j'ai trouvé jusqu'à présent
https://stackoverflow.com/a/11252167/2091095 . Mais l'utilisation +1 à son résultat, si vous voulez la pour compter tous les jours concernés.

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;
}

var diff = daysBetween($('#first').val(), $('#second').val()) + 1;

J'ai eu le même problème dans Angulaire. Je fais le copier car sinon il remplacera le premier jour. Les deux dates doivent avoir le temps 00:00:00 (évidemment)

 /*
* Deze functie gebruiken we om het aantal dagen te bereken van een booking.
* */
$scope.berekenDagen = function ()
{
    $scope.booking.aantalDagen=0;

    /*De loper is gelijk aan de startdag van je reservatie.
     * De copy is nodig anders overschijft angular de booking.van.
     * */
    var loper = angular.copy($scope.booking.van);

    /*Zolang de reservatie beschikbaar is, doorloop de weekdagen van je start tot einddatum.*/
    while (loper < $scope.booking.tot) {
        /*Tel een dag op bij je loper.*/
        loper.setDate(loper.getDate() + 1);
        $scope.booking.aantalDagen++;
    }

    /*Start datum telt natuurlijk ook mee*/
    $scope.booking.aantalDagen++;
    $scope.infomsg +=" aantal dagen: "+$scope.booking.aantalDagen;
};

J'ai utilisé le code ci-dessous pour expérimenter la date de validation de la fonctionnalité d'un communiqué de la poste.- Je calculer à la minute ou à l'heure ou à la journée ou de l'année en fonction de la date de publication et la date actuelle.

var startDate= new Date("Mon Jan 01 2007 11:00:00");
var endDate  =new Date("Tue Jan 02 2007 12:50:00");
var timeStart = startDate.getTime();
var timeEnd = endDate.getTime();
var yearStart = startDate.getFullYear();
var yearEnd   = endDate.getFullYear();
if(yearStart == yearEnd)
 {
  var hourDiff = timeEnd - timeStart; 
  var secDiff = hourDiff / 1000;
  var minDiff = hourDiff / 60 / 1000; 
  var hDiff = hourDiff / 3600 / 1000; 
  var myObj = {};
  myObj.hours = Math.floor(hDiff);
  myObj.minutes = minDiff  
  if(myObj.hours >= 24)
   {
    console.log(Math.floor(myObj.hours/24) + "day(s) ago")
   } 
 else if(myObj.hours>0)
  {
   console.log(myObj.hours +"hour(s) ago")
  }
 else
  {
   console.log(Math.abs(myObj.minutes) +"minute(s) ago")
  }
}
else
{
var yearDiff = yearEnd - yearStart;
console.log( yearDiff +" year(s) ago");
}

La façon simple de calculer le nombre de jours entre deux dates est de supprimer à la fois de leur temps composant c'est à dire le réglage des heures, minutes, secondes et millisecondes à 0 et puis en soustrayant de leur temps et de la plongée avec millisecondes valeur d'une journée.

var firstDate= new Date(firstDate.setHours(0,0,0,0));
var secondDate= new Date(secondDate.setHours(0,0,0,0));
var timeDiff = firstDate.getTime() - secondDate.getTime();
var diffDays =timeDiff / (1000 * 3600 * 24);

Une Meilleure Solution par

En ignorant la partie du temps

il retourne 0 si les deux dates sont identiques.

JS:

function dayDiff(firstDate, secondDate) {
firstDate = new Date(firstDate);
secondDate = new Date(secondDate);
if (!isNaN(firstDate) && !isNaN(secondDate)) {
firstDate.setHours(0, 0, 0, 0); //ignore time part
secondDate.setHours(0, 0, 0, 0); //ignore time part
var dayDiff = secondDate - firstDate;
dayDiff = dayDiff / 86400000; //divide by milisec in one day
console.log(dayDiff);
} else {
console.log("Enter valid date.");
}
}
$(document).ready(function() {
$('input[type=datetime]').datepicker({
dateFormat: "mm/dd/yy",
changeMonth: true,
changeYear: true
});
$("#button").click(function() {
dayDiff($('#first').val(), $('#second').val());
});
});

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<input type="datetime" id="first" value="12/28/2016" />
<input type="datetime" id="second" value="12/28/2017" />
<input type="button" id="button" value="Calculate">

   function validateDate() {
//get dates from input fields
var startDate = $("#startDate").val();
var endDate = $("#endDate").val();
var sdate = startDate.split("-");
var edate = endDate.split("-");
var diffd = (edate[2] - sdate[2]) + 1;
var leap = [ 0, 31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31 ];
var nonleap = [ 0, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31 ];
if (sdate[0] > edate[0]) {
alert("Please enter End Date Year greater than Start Date Year");
document.getElementById("endDate").value = "";
diffd = "";
} else if (sdate[1] > edate[1]) {
alert("Please enter End Date month greater than Start Date month");
document.getElementById("endDate").value = "";
diffd = "";
} else if (sdate[2] > edate[2]) {
alert("Please enter End Date greater than Start Date");
document.getElementById("endDate").value = "";
diffd = "";
} else {
if (sdate[0] / 4 == 0) {
while (sdate[1] < edate[1]) {
diffd = diffd + leap[sdate[1]++];
}
} else {
while (sdate[1] < edate[1]) {
diffd = diffd + nonleap[sdate[1]++];
}
}
document.getElementById("numberOfDays").value = diffd;
}
}

Bookmarklet la version des autres réponses, vous invitant pour les deux dates:

javascript:(function() {
var d = new Date(prompt("First Date or leave blank for today?") || Date.now());
prompt("Days Between", Math.round(
Math.abs(
(d.getTime() - new Date(prompt("Date 2")).getTime())
/(24*60*60*1000)
)
));
})();

J'ai eu le même problème, mais c'est mieux si tu le fait sur Requête SQL :

DateDiff(DAY, StartValue,GETDATE()) AS CountDays

la requête va automatiquement générer une colonne CountDays

J'ai pris un peu d'inspiration à partir d'autres réponses et fait de l'entrée automatique de l'assainissement. J'espère que cela fonctionne bien comme une amélioration par rapport à d'autres réponses.

JS:

//use best practices by labeling your constants.
let MS_PER_SEC = 1000
, SEC_PER_HR = 60 * 60
, HR_PER_DAY = 24
, MS_PER_DAY = MS_PER_SEC * SEC_PER_HR * HR_PER_DAY
;
//let's assume we get Date objects as arguments, otherwise return 0.
function dateDiffInDays(date1, date2) {
if (!date1 || !date2) {
return 0;
}
return Math.round((date2.getTime() - date1.getTime()) / MS_PER_DAY);
}
//new Date("dateString") is browser-dependent and discouraged, so we'll write
//a simple parse function for U.S. date format. (by @Miles)
function parseDate(str) {
if (str && str.length > 5 && str.length < 10) {
let mdy = str.split('/');
return new Date(mdy[2], mdy[0]-1, mdy[1]);
}
return null;
}
function calcInputs() {
let date1 = document.getElementById("date1")
, date2 = document.getElementById("date2")
, resultSpan = document.getElementById("result")
;
if (date1 && date2 && resultSpan) {
//remove non-date characters
let date1Val = date1.value.replace(/[^\d\/]/g,'')
, date2Val = date2.value.replace(/[^\d\/]/g,'')
, result = dateDiffInDays(parseDate(date1Val), parseDate(date2Val))
;
date1.value = date1Val;
date2.value = date2Val;
resultSpan.innerHTML = result + " days";
}
}
window.onload = function() { calcInputs(); };
//some code examples
console.log(dateDiffInDays(parseDate("1/15/2019"), parseDate("1/30/2019")));
console.log(dateDiffInDays(parseDate("1/15/2019"), parseDate("2/30/2019")));
console.log(dateDiffInDays(parseDate("1/15/2000"), parseDate("1/15/2019")));

HTML:

<input id="date1" type="text" value="1/1/2000" size="6" onkeyup="calcInputs();" />
<input id="date2" type="text" value="1/1/2019" size="6" onkeyup="calcInputs();"/>
Result: <span id="result"></span>