2017-07-05 2 views
0

私は次の日と前の日のすべての日を取得したい。 私には、PrevDate、TodayDate、NextDateという3つのボタンがあります。 prevDateボタンで1回目をクリックすると、前の日付が表示され、2番目の時刻をクリックすると前日と同様にすべての前の日付が表示されるはずです。次の日付の次の日付も表示されます。第二時間、それは日付の日の翌日を示しクリック.. は、これは私のHTMLコードです:どのように私は次の日と前の日のすべての日を得ることができます

<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コード:

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

だけ前の日付を示すこのコード.. 私がしたいです取得前のすべての日は、私を助けてください ....さかのぼり...おかげで...

答えて

1

現在の日付に

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; 
    } 
}); 
0を参照を保持

次のスニペットは、サンプル・アプリケーションのためにあなたを助けるかもしれない

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>

関連する問題