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

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
});
<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8" />
     <title>Angularjs Previous Day, next Day, Month, Year Month Time</title>
     <link rel="stylesheet" href="style.css" />
     <script  src="https://code.angularjs.org/1.4.1/angular.js"></script>
     <script>
          var app = angular.module('dayApp', [])
          app.controller('dayCtrl', function($scope) {
               $scope.today = new Date();
               $scope.preday = new Date().getDate() - 1;
               $scope.nextday = new Date().getDate() + 1;
               $scope.premonth = new Date().getMonth() - 1;
               $scope.nextmonth = new Date().getMonth() + 1;
               $scope.curentyear = new Date().getFullYear();
          });
     </script>
</head>

<body ng-app="dayApp" >
     <h4>Angularjs Previous Day, next Day, Month, Year Month Time </h4>
     <div ng-controller="dayCtrl">
          <p class="col">Current Date: {{today | date :'dd-MM-yyyy'}}</p>
          <p class="col"> Previous Day: {{preday}}</p>
          <p class="col"> Next Day: {{nextday }}</p>
          <p class="col"> Previous Month: {{premonth }}</p>
          <p class="col"> Next Month:{{nextmonth}}</p>
          <p class="col"> Current Year :{{curentyear }}</p>
     </div>
</body>

</html>
/* Put your css in here */

p.col{
     color:green;
}