subtracting two dates with the

Question

I am having basic issues when trying to get the date from two calender selections and put them into the below calculation.

Anyone have a solution?

Thanks Iain

<body>
  <h1>Project Details</h1>

  <h3>Please enter the project Notice to Proceed (NTP) date: <input     id="NtpDate" type= "date" name="NtpDate"></h3>
  </br>
  <h3>Please enter the Report date: <input type= "date" name="ReportDate">    </h3>

  <script type="text/javascript">
    // I would like to replace this with the <input type = date> tags ...var     NtpDate = new Date("7/11/2004");
     // I would like to replace this with the <input type = date> tags ... var      ReportDate = new Date("12/12/2010"); 

    var timeDiff = Math.abs(ReportDate.getTime() - NtpDate.getTime());
    var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24));
     //alert(diffDays);
    document.write("Period =" + diffDays + " (Days from NTP)");
  </script>`
</body>

score 0 · Answer 1 · edited May 23 '17 at 11:59

0

duplicate question How to calculate date difference in javascript

But this is how you get the value of two datepicker. var ReportDate = document.getElementById('ReportDate').value;

edited May 23 '17 at 11:59

Community

1
1

answered Dec 05 '15 at 09:35

Lierej39

34
2

Amit Singh · Answer 2 · 2015-12-08T06:31:38.733

0

EDIT : Updated fiddle

You could try something like:

<h3>Please enter the project Notice to Proceed (NTP) date: <input id="NtpDate" type= "date" name="NtpDate"></h3>

<h3>Please enter the Report date: <input type= "date" name="ReportDate" id="abc"></h3>

$("#abc").on("change", function () {
  var olddate = new Date($("#NtpDate").val());
  var newdate = new Date($(this).val());
  var timeDiff = Math.abs(newdate.getTime() - olddate.getTime());
  var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24));
  alert(diffDays);
});

DEMO FIDDLE

edited Dec 08 '15 at 06:31

answered Dec 05 '15 at 09:39

Amit Singh

2,267
4
25
50

Thank you Amit. I was trying to print the result (in days) to the screen rather than alert it, – Iain Dec 05 '15 at 15:06
@lain you can remove alert and place it anywhere say a div with id= demo as $("#demo").text(diffDays); – Amit Singh Dec 05 '15 at 15:11
Thanks for the help Amit! – Iain Dec 06 '15 at 18:47
If it helped don't forget to mark as correct answer. – Amit Singh Dec 07 '15 at 05:15
Have you sorted out the issue? @lain? – Amit Singh Dec 11 '15 at 12:48
Hi Amit, no unfortunately. still trying to figure it out. – Iain Dec 12 '15 at 13:23

score 0 · Answer 3 · answered Dec 05 '15 at 09:42

   <body>
  <h1>Project Details</h1>

  <h3>Please enter the project Notice to Proceed (NTP) date: <input     id="NtpDate" type= "date" name="NtpDate"></h3>
  </br>
  <h3>Please enter the Report date: <input id="ReportDate" type= "date" name="ReportDate" onchange="myFunction()">    </h3>

  <script type="text/javascript">

myFunction = function(){

alert(document.getElementById("NtpDate").value +" >> "+document.getElementById("ReportDate").value)
   

 var NtpDate = new Date(document.getElementById("NtpDate").value);
 
var ReportDate = new Date(document.getElementById("ReportDate").value); 

var timeDiff = Math.abs(ReportDate.getTime() - NtpDate.getTime());
var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24));
 //alert(diffDays);
alert("Period =" + diffDays + " (Days from NTP)");}
  </script>`
</body>

rather than alert this, I was trying to get it to write to the page, thats why the allert was commented out. Perhaps I should have removed that. It would also be cool to have the answer in days. — Iain, Dec 05 '15 at 14:43

score 0 · Answer 4 · answered Dec 05 '15 at 10:07

0

momentJS is fantastic for date manipulation and formatting. You'll never get it exactly right by rolling your own because of leap days and such.

moment is as simple as:

moment('some date').diff('other date', 'days')

moment.diff()

answered Dec 05 '15 at 10:07

caleb

126
4

subtracting two dates with the

4 Answers4