MomentJs Неверная дата после добавления нескольких дней - PullRequest
Новая
       1

MomentJs Неверная дата после добавления нескольких дней

0 голосов
/ 01 марта 2019

Я реализую компонент даты с angularJS и momentJs, я хотел бы увеличить день даты после счетчика.Когда я хочу добавить как 40 дней, это работает, но после прохождения 29/04/2019 дата была преобразована в «Недопустимая дата».

Похоже, что конфигурация делает эту ошибку.Если вы удалите его, это работает.Но мне нужен этот конфиг, я не могу его удалить.

Здесь вы можете найти фрагмент кода: 

// Code goes here

var app = angular.module('App', ['ngMaterial', 'ngMessages', 'ngAnimate']);
app.controller('MainCtrl', ['$rootScope', '$scope',
  function($rootScope, $scope) {

    $scope.DateValide = new Date();
    $scope.Validite = 10;
    $scope.minDate = new Date();


    $scope.DateValideChange = function() {
      $scope.Validite = dateDiff(new Date(), $scope.DateValide);
    };

    $scope.ValiditeChange = function() {
      if ($scope.Validite) {
        console.log("Old : " + $scope.DateValide);
        $scope.DateValide = new Date(moment($scope.Validite, "dd-mm-yyyy").add($scope.Validite, "days"));
        console.log("New : " + $scope.DateValide);
      }
    };

    function dateDiff(dateold, datenew) {
      var oneDay = 24 * 60 * 60 * 1000;
      return Math.round(Math.abs((dateold.getTime() - datenew.getTime()) / (oneDay)));
    }


  }
]);

app.config(function($mdDateLocaleProvider) {
  $mdDateLocaleProvider.formatDate = function(date) {
    return date ? moment(date).format("DD-MM-YYYY") : "";
  };

  $mdDateLocaleProvider.parseDate = function(dateString) {
    var m = moment(dateString, 'DD-MM-YYYY', true);
    return m.isValid() ? m.toDate() : new Date(NaN);
  };
});
<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="style.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.12/angular-material.min.css" />
 <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.6/angular-animate.min.js"></script>
  
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.6/angular-aria.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.6/angular-messages.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.12/angular-material.min.js"></script>
  <script src="script.js"></script>
</head>

<body ng-app="App">
  <div ng-controller="MainCtrl" class="col-sm">
    <md-input-container>
      <label>Date de validite</label>
      <md-datepicker ng-model="DateValide" ng-change="DateValideChange()"></md-datepicker>
    </md-input-container>
    <md-input-container class="col-2">
      <label>Validite</label>
      <input type="number" ng-model="Validite" ng-change="ValiditeChange()" />
    </md-input-container>
  </div>
</body>

</html>

1 Ответ

0 голосов
/ 01 марта 2019 

// Code goes here

var app = angular.module('App', ['ngMaterial', 'ngMessages', 'ngAnimate']);
app.controller('MainCtrl', ['$rootScope', '$scope',
  function($rootScope, $scope) {

    $scope.DateValide = new Date();
    $scope.Validite = 10;
    $scope.minDate = new Date();


    $scope.DateValideChange = function() {
      $scope.Validite = dateDiff(new Date(), $scope.DateValide);
    };

    $scope.ValiditeChange = function() {
      if ($scope.Validite) {
        console.log("Old : " + $scope.DateValide);
        $scope.DateValide = new Date(moment($scope.minDate, "dd-mm-yyyy").add($scope.Validite, "days"));
        console.log("New : " + $scope.DateValide);
      }
    };

    function dateDiff(dateold, datenew) {
      var oneDay = 24 * 60 * 60 * 1000;
      return Math.round(Math.abs((dateold.getTime() - datenew.getTime()) / (oneDay)));
    }


  }
]);

app.config(function($mdDateLocaleProvider) {
  $mdDateLocaleProvider.formatDate = function(date) {
    return date ? moment(date).format("DD-MM-YYYY") : "";
  };

  $mdDateLocaleProvider.parseDate = function(dateString) {
    var m = moment(dateString, 'DD-MM-YYYY', true);
    return m.isValid() ? m.toDate() : new Date(NaN);
  };
});
<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="style.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.12/angular-material.min.css" />
 <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.6/angular-animate.min.js"></script>
  
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.6/angular-aria.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.6/angular-messages.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.12/angular-material.min.js"></script>
  <script src="script.js"></script>
</head>

<body ng-app="App">
  <div ng-controller="MainCtrl" class="col-sm">
    <md-input-container>
      <label>Date de validite</label>
      <md-datepicker ng-model="DateValide" ng-change="DateValideChange()"></md-datepicker>
    </md-input-container>
    <md-input-container class="col-2">
      <label>Validite</label>
      <input type="number" ng-model="Validite" ng-change="ValiditeChange()" />
    </md-input-container>
  </div>
</body>

</html>

Я думаю, у вас была опечатка на линии 

$scope.DateValide = new Date(moment($scope.Validite, "dd-mm-yyyy").add($scope.Validite, "days"));

Это должно было быть: 

$scope.DateValide = new Date(moment($scope.minDate, "dd-mm-yyyy").add($scope.Validite, "days"));
...