Howi.In

How to Find Difference Between Two Dates in AngularJS

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-2xM6-2Kda1U/WLvHHLg3aaI/AAAAAAAAIT4/15lixmkKoHIqOJ_YV1zpZqrm33jb5ytRACLcB/s1600/find%2Bdifference%2Bbetween%2Btwo%2Bdates%2Bin%2Bangularjs.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="find difference between two dates in angularjs" border="0" src="https://1.bp.blogspot.com/-2xM6-2Kda1U/WLvHHLg3aaI/AAAAAAAAIT4/15lixmkKoHIqOJ_YV1zpZqrm33jb5ytRACLcB/s1600/find%2Bdifference%2Bbetween%2Btwo%2Bdates%2Bin%2Bangularjs.png" title="find difference between two dates in angularjs" /></a></div>
<h2 style="text-align: left;">
</h2>
<h2 style="text-align: left;">
Introduction:</h2>
<div style="text-align: left;">
AngularJS is one of the greatest frameworks which a web developer must need to learn. It has many advantages. It is very easy to learn because there are lots of tutorials available on the internet. Today I am going to share a tutorial with you guys. This tutorial will help you to find "<b>Difference Between Two Dates</b>". I am writing this tutorial here because many of my friends asked for this on my Facebook Page.</div>
<h4 style="text-align: left;">
Steps to Get Difference Between Two Dates: </h4>
<div style="text-align: left;">
Here I am going to share the code which shows day count of a specified date to current date. For this, We have to create a javascript code which provides the current date. The code which I shared will help to get it. </div>
<pre class="brush: js;">var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!
var yyyy = today.getFullYear();
if(dd<10) {
dd='0'+dd
}
if(mm<10) {
mm='0'+mm
}
today = yyyy+'/'+mm+'/'+dd;
</pre>
Now we need to input two dates. The above code will give us the current date and we need to put another date. The code to get the difference between two dates are given below.<br />
<pre class="brush: js;">var date2 = new Date(today);
var date1 = new Date(date);
var timeDiff = Math.abs(date2.getTime() - date1.getTime());
$scope.dayDifference = Math.ceil(timeDiff / (1000 * 3600 * 24));
return $scope.dayDifference;
</pre>
On the above code, The <b>date1</b> and <b>date2</b> are representing the date. and it will compare by <b>$scope.dayDifference</b>. Then finally, it will return the result by using the return <b>$scope.dayDifference</b>.<br />
<h4 style="text-align: left;">
An output of The Above Code:</h4>
<script async src="//jsfiddle.net/trainerplus/nj64wsb7/embed/"></script> You can use the script for many of your AngularJS Applications. I used this code for my Asset Tagging Web Applications and for my Warranty Web Application.<br />
<h4 style="text-align: left;">
Interesting Article for Web Masters:</h4>
<ul style="text-align: left;">
<li><a href="http://www.howi.in/2016/12/auto-backup-mysql-database-using-php.html">Auto-backup Mysql Database Using PHP Script. </a></li>
<li><a href="http://www.howi.in/2016/12/run-php-without-using-any-web-server.html">How to Run PHP Web Applications Without Using Xampp or Wamp Server.</a></li>
<li><a href="http://www.howi.in/2016/12/send-realtime-push-notification-to-website-using-pusher.html">How to Send Real-Time Notification Using Pusher Web Service.</a></li>
<li><a href="http://www.howi.in/2016/11/create-a-static-website-using-google-firebase.html">Create Static Website Using Google Firebase Service. </a></li>
</ul>
I hope you well enjoyed this article. If you have any doubts that related to this article. Please let me know by using my FB page or by using the comment box that given below. Thanks </div>

How to Find Difference Between Two Dates in AngularJS

Introduction: AngularJS is one of the greatest frameworks which a web developer must need to learn. It has many advantages. It is ve...

+ Read more »