"Enhance your date calculations with Moment JS by effortlessly adding

Question

"Enhance your date calculations with Moment JS by effortlessly adding

Take a look at the MomentJS code I am currently using:

var date = moment($scope.dt);

for (var i = 0; i < parseInt($scope.numPagos); i++) {
    $scope.resultados.push({
        'numerodecuota' : i + 1,
        'fechas' : date.add(1, 'days').format("MM/DD/YYYY"),
        'pagos' : Math.round($scope.importeprestamo / $scope.numPagos + interes),
        'interes' : Math.round(interes),
        'capital' : $scope.importeprestamo / $scope.numPagos,
        'fechaunix' : date.add(1, 'days').unix()
    }); 

}// End for loop

Here is the outcome of the above code:

https://i.sstatic.net/Rm85W.png

The dates should be in this format:

01/12/2017
01/13/2017
01/14/2017
01/15/2017

And so forth.

javascript angularjs momentjs

Answer 1

Answer №1

Keep in mind that moments are changeable. Using any of the manipulation methods will alter the original moment.

http://momentjs.com/docs/

It seems like you are adding one day, and then adding another day for the fechaunix date. Instead, try simply setting fechaunix to date once it has already been added:

$scope.resultados.push({
     'numerodecuota' : i + 1,
     'fechas' : date.add(1, 'days').format("MM/DD/YYYY"),
     'pagos' : Math.round($scope.importeprestamo / $scope.numPagos + interes),
     'interes' : Math.round(interes),
     'capital' : $scope.importeprestamo / $scope.numPagos,
     'fechaunix' : date.unix()
});

Answer 2

Keep in mind that moments are changeable. Using any of the manipulation methods will alter the original moment.

http://momentjs.com/docs/

It seems like you are adding one day, and then adding another day for the fechaunix date. Instead, try simply setting fechaunix to date once it has already been added:

$scope.resultados.push({
     'numerodecuota' : i + 1,
     'fechas' : date.add(1, 'days').format("MM/DD/YYYY"),
     'pagos' : Math.round($scope.importeprestamo / $scope.numPagos + interes),
     'interes' : Math.round(interes),
     'capital' : $scope.importeprestamo / $scope.numPagos,
     'fechaunix' : date.unix()
});

Answer 3

Answer №2

It seems like the issue is that you are doubling the addition of one day in your code

Firstly, here:

'fechas': date.add(1, 'days').format("MM/DD/YYYY"),

And then again, here:

  'fechaunix': date.add(1, 'days').unix()

To resolve this, make sure to add only once as shown in the example below

var app = angular.module("app", []);
app.controller("ctrl", function($scope) {
  var date = moment();
  $scope.numPagos="5";
  $scope.resultados=[];

  for (var i = 0; i < parseInt($scope.numPagos); i++) {
    $scope.resultados.push({
      'numerodecuota': i + 1,
      'fechas': date.add(1, 'days').format("MM/DD/YYYY"),
      //'pagos': Math.round($scope.importeprestamo / $scope.numPagos + interes),
      //'interes': Math.round(interes),
      //'capital': $scope.importeprestamo / $scope.numPagos,
      'fechaunix': date.unix()
    });

  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
  {{resultados}}
</div>

Answer 4

It seems like the issue is that you are doubling the addition of one day in your code

Firstly, here:

'fechas': date.add(1, 'days').format("MM/DD/YYYY"),

And then again, here:

  'fechaunix': date.add(1, 'days').unix()

To resolve this, make sure to add only once as shown in the example below

var app = angular.module("app", []);
app.controller("ctrl", function($scope) {
  var date = moment();
  $scope.numPagos="5";
  $scope.resultados=[];

  for (var i = 0; i < parseInt($scope.numPagos); i++) {
    $scope.resultados.push({
      'numerodecuota': i + 1,
      'fechas': date.add(1, 'days').format("MM/DD/YYYY"),
      //'pagos': Math.round($scope.importeprestamo / $scope.numPagos + interes),
      //'interes': Math.round(interes),
      //'capital': $scope.importeprestamo / $scope.numPagos,
      'fechaunix': date.unix()
    });

  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
  {{resultados}}
</div>

Answer 5

Answer №3

Have you tried using the "date.add(1, 'days')" method twice?

If not, give this a shot:

       var date = moment($scope.dt);

        for (var i = 0; i < parseInt($scope.numPagos); i++) {
            var current = date.add(1, 'days');


            $scope.resultados.push({
                'numerodecuota' : i + 1,
                'fechas' : current.format("MM/DD/YYYY"),
                'pagos' : Math.round($scope.importeprestamo / $scope.numPagos + interes),
                'interes' : Math.round(interes),
                'capital' : $scope.importeprestamo / $scope.numPagos,
                'fechaunix' : current.unix()
            }); 

        }// End for loop

Answer 6

Have you tried using the "date.add(1, 'days')" method twice?

If not, give this a shot:

       var date = moment($scope.dt);

        for (var i = 0; i < parseInt($scope.numPagos); i++) {
            var current = date.add(1, 'days');


            $scope.resultados.push({
                'numerodecuota' : i + 1,
                'fechas' : current.format("MM/DD/YYYY"),
                'pagos' : Math.round($scope.importeprestamo / $scope.numPagos + interes),
                'interes' : Math.round(interes),
                'capital' : $scope.importeprestamo / $scope.numPagos,
                'fechaunix' : current.unix()
            }); 

        }// End for loop

"Enhance your date calculations with Moment JS by effortlessly adding

Answer №1

Answer №2

Answer №3

Similar questions

Authentication for REST API using JavaScript in the web browser

What is the best method for passing a customized feature to $modal in angular-ui-bootstrap?

External JavaScript files are also subject to the same origin policy

Encountering a JSONP error in Angular 2

Is there a way to automatically launch a new tab upon arriving from another website?

Problem with the setInterval function causing issues with fade animations showing and hiding

When working within a module using node.js and three.js, you may encounter an error message stating that "document

How can I identify the appropriate default option element in AngularJS?

Issue with Jquery - Variable not getting updated on resize event, causing multiple saves

Error: Unable to modify the value of a protected property '0' in the object 'Array'

Guide on duplicating text and line breaks in JavaScript

Guide to converting numerous lines of numbers into an array using JavaScript

Having difficulty retrieving text from textarea with jquery

Using scope in ng-style to manipulate a portion of a CSS property value in Angular

Add in a paragraph with the text that was previously submitted and make sure to refresh

Subheaders that stay in place while scrolling through a table with a stationary header

What is the best way to consistently display a scroll bar at the bottom?

VisualMap in ECharts featuring multiple lines for each series

What could be causing my Vue component to not refresh?

How to implement server-side rendering in Next.js 14 with GraphQL queries