2017-07-05 2 views
0

Ich möchte alle Tage der nächsten und Prev Termine bekommen. Ich habe drei Schaltflächen gibt es PrevDate, TodayDate, NextDate. Wenn ich 1. Mal auf prevDate button klicke, sollte es vorheriges Datum anzeigen und 2. Mal klicken es Tag vor Tag anzeigen. Ähnlich sollte es alle vorherigen Daten zeigen, wenn ich klicke .. samething in Nextdate auch am nächsten Tag des Datums. 2. Mal klicken sie Tag für Tag von Datum zeigen .. Das ist mein HTML-Code:Wie bekomme ich alle Tage von Next und Previous dates

<body ng-app="app" ng-controller="myCtrl"> 
<div class="col-sm-10" > 
    <button style="font-size:14px" ng-click="prevBtn()">Previous day</button> 
    <button style="font-size:14px" ng-click="todayBtn()" >&nbsp;Today&nbsp;</button> 
    <button style="font-size:14px" ng-click="nextBtn()" >Next day</button> 
    {{date}} 
</div> 
</body> 

app.js Code:

var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope, $http) { 
    var today = new Date(); 

     $scope.prevBtn = function(){ 
      var yesterday = new Date(today); 
      yesterday.setDate(today.getDate() - 1); 
      var dd = yesterday.getDate(); 
      var mm = yesterday.getMonth()+1; 
      var yyyy = yesterday.getFullYear(); 
      yesterday = dd+'-'+mm+'-'+yyyy; 
      console.log(yesterday); 
      $scope.date = yesterday; 
     } 
}); 

Dieser Code zeigt i.Vj. Datum nur .. Ich möchte erhalte alle Tage von Ergebnissen gehen .... mir bitte helfen ... Danke ...

Antwort

1

für aktuelles Datum eine Referenz halten

var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope, $http) { 
    var today = new Date(); 

    var curDay = new Date(today); 
    $scope.prevBtn = function() { 

    curDay.setDate(curDay.getDate() - 1); 
    var dd = curDay.getDate(); 
    var mm = curDay.getMonth() + 1; 
    var yyyy = curDay.getFullYear(); 
    var yesterday = dd + '-' + mm + '-' + yyyy; 
    console.log(yesterday); 
    $scope.date = yesterday; 
    } 
}); 

folgende Schnipsel können Sie für Ihre Beispielanwendung helfen

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope, $http) { 
 
    var today = new Date(); 
 

 
    var curDay = new Date(today); 
 
    $scope.prevBtn = function() { 
 

 
    curDay.setDate(curDay.getDate() - 1); 
 
    showDate(); 
 

 
    } 
 

 
    $scope.todayBtn = function() { 
 
    curDay = new Date(today); 
 
    showDate(); 
 
    }; 
 

 
    $scope.nextBtn = function() { 
 
    curDay.setDate(curDay.getDate() + 1); 
 
    showDate(); 
 
    }; 
 

 
    function showDate() { 
 
    var dd = curDay.getDate(); 
 
    var mm = curDay.getMonth() + 1; 
 
    var yyyy = curDay.getFullYear(); 
 
    var dateStr = dd + '-' + mm + '-' + yyyy; 
 
    console.log(dateStr); 
 
    $scope.date = dateStr; 
 
    }; 
 

 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<body ng-app="myApp" ng-controller="myCtrl"> 
 
    <div class="col-sm-10"> 
 
    <button style="font-size:14px" ng-click="prevBtn()">Previous day</button> 
 
    <button style="font-size:14px" ng-click="todayBtn()">&nbsp;Today&nbsp;</button> 
 
    <button style="font-size:14px" ng-click="nextBtn()">Next day</button> {{date}} 
 
    </div> 
 
</body>

Verwandte Themen