Calculating days difference with using angular and jQuery datepicker

Question

In angular, I am trying to calculate the number of days between two selected date with using jQuery datepicker. It returns only null with the function that I am using..

However I am not quite sure if it is the function or using datepicker in angular..It looks like the problem is function but it works when I use it with jQuery..

my function:

$scope.dayDiff = function(firstDate,secondDate){

    $scope.dayDifference = parseInt(Math.round((secondDate - firstDate) / (1000 * 60 * 60 * 24)));;
}

the rest: http://jsfiddle.net/1mzgLywe/5/

Thanks in advance!

You are trying to subtract strings, this will not work. secondDate and firstDate are type of string not Date. — MiTa
– MiTa, Commented Oct 30, 2014 at 9:29

mrsus · Accepted Answer · 2016-02-25 13:06:10Z

7

here is the working fiddle please check , link to fiddle

create a function for get the dateString to pass into new Date()

$scope.formatString = function(format) {
    var day   = parseInt(format.substring(0,2));
    var month  = parseInt(format.substring(3,5));
    var year   = parseInt(format.substring(6,10));
    var date = new Date(year, month-1, day);
    return date;
}

modify the dayDiff function as below,

$scope.dayDiff = function(firstDate,secondDate){
    var date2 = new Date($scope.formatString(secondDate));
    var date1 = new Date($scope.formatString(firstDate));
    var timeDiff = Math.abs(date2.getTime() - date1.getTime());   
    var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24)); 
    alert(diffDays);
}

edited Feb 25, 2016 at 13:06

mrsus

5,4864 gold badges33 silver badges44 bronze badges

answered Oct 30, 2014 at 9:59

Kalhan

21.9k8 gold badges71 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

s1moner3d · Accepted Answer · 2015-10-01 19:35:19Z

6

angular-moment does the trick! ...and (very) else more.

Using the amDifference filter:

Get the difference between two dates in milliseconds. Parameters are date, units and usePrecision. Date defaults to current date. Example:

<span>Difference: {{ dateFrom | amDifference : dateTo : 'days' }} days</span>

answered Oct 1, 2015 at 19:35

s1moner3d

1,2902 gold badges19 silver badges36 bronze badges

Collectives™ on Stack Overflow

Calculating days difference with using angular and jQuery datepicker

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related