AngularJS : tomorrow's date and yesterday's date with some ng component

Question

$scope.date = new Date();   
var tomorrow = new Date();
tomorrow.setDate(tomorrow.getDate() + 1);

I have written something like this, and I know its not correct. Please correct me to display it in this format {{date | date:'EEE, dd MMM yyyy'}}

Edit 1: I want the tomorrow's date to be displayed on click of right arrow button and yesterday on left arrow button click at same position where Wed, Sept 3, 2014. Hide/show feature, how to code, I don't understand how to get it using angular. Reference image https://www.google.co.in/search?q=full+calendar+day+view&source=lnms&tbm=isch&sa=X&ei=PIqjVbP4FIijugS3qYOgBg&ved=0CAcQ_AUoAQ&biw=1360&bih=595#imgrc=2E7vtXzvWMYS0M%3A

Answer 1

Probably you want something like this?

JSFiddle

HTML:

<div ng-app="myApp" ng-controller="myCtrl">
    <p><a href="" ng-click="showToday = true; showTomorrow = false">Left arrow</a></p>
    <p><a href="" ng-click="showTomorrow = true; showToday = false">Right arrow</a></p>
    <span ng-show="showToday">Today: {{date | date:'EEE, dd MMM yyyy'}}</span>
    <span ng-show="showTomorrow">Tomorrow: {{tomorrow | date:'EEE, dd MMM yyyy'}}</span>
</div>

JS:

angular.module('myApp', [])
.controller('myCtrl', function ($scope) {
    $scope.showToday = false;
    $scope.showTomorrow = false;
    $scope.date = new Date();   
    $scope.tomorrow = new Date();
    $scope.tomorrow.setDate($scope.tomorrow.getDate() + 1);
});