AngularJS Live Example

HTML

<script src="http://documentcloud.github.io/underscore/underscore-min.js"></script>
<div ng-controller = "fessCntrl"> 
 <h3>Upcoming events:</h3>

    <ul ng-repeat="event in events | upcomingEvents | limitTo: 2">
        <li>{{ event.title }}</li>
        <li>{{ event.start }}</li>
    </ul>
</div>

JavaScript

var app = angular.module('myModule', []);

app.controller('fessCntrl', function ($scope) {
    
    $scope.events = [
  {
    "title": "All Day Event",
    "start": "2015-07-13",
    "allDay": true
  },
  {
    "title": "Long Event",
    "start": "2015-07-05",
    "end": "2015-07-13"
  },
  {
    "title": "Repeating Event",
    "start": "2015-07-15",
    "allDay": false
  },
  {
      "title": "first time",
      "start": "2015-07-31"
  }
];
    
  
    
});

app.filter('upcomingEvents', function () {
     return function (input) {

    var upcomingEvents = [];

     if(!input){
         return upcomingEvents;
        }     
         
    upcomingEvents = input.filter(function (data) {
        var currentDate = new Date();

             console.log(new Date(data.start));
        
        if ((new Date(data.start).getTime() - currentDate.getTime()) >= 0) {
            return true;
        } else {
            return false;
        }
    });

        
         
    upcomingEvents.sort(function (a, b) {
        return a.start - b.start;
    });

    return upcomingEvents;
  };
});

app.$inject = ['$scope'];