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;
}