Number of days between two dates in JavaScript

Question

I wrote this function but still not work:

function myfunction(){
    var Date_debut = $("#Date_debut").datepicker({ dateFormat: 'dd/mm/yyyy' }).val();

    var Date_fin = $("#Date_fin").datepicker({ dateFormat: 'dd/mm/yyyy' }).val();

    alert(Date_fin);
    var timeDiff = Math.abs(Date_fin- Date_debut);
    var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24)); 

    document.getElementById("Nomber_de_jours").value =diffDays;
}

'Code doesn't work' is not an acceptable question. What have you tried? What error are you getting? What are you expecting? What are you getting? — Ryan C, Feb 20 '18 at 16:22
hey Hamza, do you need the same function as described in [this answer](https://stackoverflow.com/questions/542938/how-do-i-get-the-number-of-days-between-two-dates-in-javascript) — Joel Stüdle, Feb 20 '18 at 16:36
i need it without button , automatically when i change the end date will change the value – — Hamza Boumalek, Feb 20 '18 at 16:59

iLyas · Accepted Answer · 2018-02-20T16:56:49.133

Try This one

var Date_debut = $("#Date_debut").datepicker({
  dateFormat: 'dd/mm/yy'
});

var Date_fin = $("#Date_fin").datepicker({
  dateFormat: 'dd/mm/yy'
}).change(function() {
   myfunction();
});

function myfunction() {
  var days = (Date_fin.datepicker('getDate') - Date_debut.datepicker('getDate')) / 1000 / 60 / 60 / 24;
  document.getElementById("Nombre_de_jours").innerHTML = "Number of days: " + days;
}

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>TEST Date</title>
  <link href="https://code.jquery.com/ui/1.9.2/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />
  <script src="https://code.jquery.com/jquery-1.8.3.js"></script>
  <script src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
</head>
<body>

  Start Date: <input type="text" id="Date_debut" /><br><br> End Date: <input type="text" id="Date_fin" /><br><br>
  <p id="Nombre_de_jours"></p>

</body>
</html>

i need it without button , automatically when i change the end date will change the value — Hamza Boumalek, Feb 20 '18 at 16:52

score 0 · Answer 2 · answered Feb 20 '18 at 16:58

You need to get the date from your jQueryUI objects.

Like this:

$("#Date_debut").datepicker({ dateFormat: 'dd/mm/yy' });
$("#Date_fin").datepicker({ dateFormat: 'dd/mm/yy' });

function getDaysBetweenDates() {
    var debutDate = $("#Date_debut").datepicker('getDate');
    var finDate = $("#Date_fin").datepicker('getDate');
    $('#Nomber_de_jours').html('Days between: ' + Math.abs(finDate - debutDate) / (1000*60*60*24));
}

Example CodePen

when i select the second date the first going – Hamza Boumalek Feb 20 '18 at 17:07 — Hamza Boumalek, Feb 20 '18 at 17:07

score 0 · Answer 3 · answered Feb 20 '18 at 17:06

0

You can use http://momentjs.com/ and you can do this:

nomber_de_jours = moment(debutDate).diff(moment(finDate), 'days');

answered Feb 20 '18 at 17:06

user3054235

11
2

Number of days between two dates in JavaScript

3 Answers3