Angularjs comparing dates

Question

I am trying to compare 2 dates and to filter my data with the result:

my controller:

  $scope.checkDate = function(startDate){
    var todaysDate = new Date();
    return function(coupon){
        return coupon[startDate]<= todaysDate;
    };
}

my html:

  <div class="col-sm-3" id="coupon-tiles" ng-repeat="coupon in allCoupons| filter: checkDate('startDate')" ng-if="coupon.amount>0" >
        <div>
            <image ng-src={{coupon.image}}>
        </div>
        <div>{{coupon.title}}</div>
        <div>price:{{coupon.price}}</div>
        <div>start date:{{coupon.startDate}}</div>
        <div>end date:{{coupon.endDate}}</div>

        <div class="btn-group" role="group" aria-label="...">
            <button type="button" class="btn btn-default" ng-    click="buy(coupon)">Purchase</button>
        </div>

    </div>

The coupons arrive from the db through json, the dates are java sql dates so the format is yyyy,mm,dd , Jersey and Jackson doing the parsing.

Nothing seems to work, can someone help

momentjs.com is a good one to play with dates

Prasad
– Prasad

2016-06-02 08:38:35 +00:00
Commented Jun 2, 2016 at 8:38 — Prasad
– Prasad, Commented Jun 2, 2016 at 8:38

John · Accepted Answer · 2016-06-02 08:43:39Z

1

Your DB dates are in string format. You need to convert it to JS Date object to compare them. Try the following:

$scope.checkDate = function(startDate){
var todaysDate = new Date();
 return function(coupon){
    return Date.parse(coupon[startDate]) <= todaysDate;
 };
}

answered Jun 2, 2016 at 8:43

John

1,4899 silver badges17 bronze badges

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

Comments

Simon Schüpbach · Accepted Answer · 2016-06-02 08:40:56Z

0

Try to simplify your filter function like

$scope.checkDate = function(startDate){
    return startDate.getTime() <= new Date().getTime();
}

And in your html

 <div class="col-sm-3" id="coupon-tiles" ng-repeat="coupon in allCoupons| filter: checkDate(coupon.startDate)" ng-if="coupon.amount>0" >

answered Jun 2, 2016 at 8:40

Simon Schüpbach

2,6833 gold badges15 silver badges26 bronze badges

1 Comment

Asaf.e Over a year ago

startDate.getTime() is un defined, this is the error i get.

Abhinav · Accepted Answer · 2016-06-02 08:54:27Z

0

I am trying this and this is working:

var startDate = $filter('date')($scope.StartDate, "yyyy-MM-dd");
var endDate = $filter('date')($scope.EndDate, "yyyy-MM-dd");
if (startDate > endDate) {
    //some code
}

For using $filter you need to inject $filter in your controller.

answered Jun 2, 2016 at 8:54

Abhinav

3531 gold badge7 silver badges19 bronze badges

Collectives™ on Stack Overflow

Angularjs comparing dates

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related