Home / Questions / 28897
Accepted
Dimoreno
Asked: 2020-10-20 22:32:55 +0800 CST 2020-10-20 22:32:55 +0800 CST

Сравните даты с моментами в angularjs

  • 772

У меня есть следующий код controller:

$scope.a="26-04-2016";    
$scope.c = moment($scope.a,"DD-MM-YYYY").format("DD-MM-YYYY");
$scope.b="20-10-2016";
$scope.d = moment($scope.b,"DD-MM-YYYY").format("DD-MM-YYYY");
if($scope.d <= $scope.c){
    alert($scope.d+' es menor a '+$scope.c)
}else{
    alert($scope.d+' es mayor a '+$scope.c)
}

При этом я сравниваю две даты между 20-10-2016и 26-04-2016, на первый взгляд известно, что 20-10-2016больше, чем, 26-04-2016но при выполнении этого кода он дает мне результат, что он меньше.

В чем проблема?

angularjs

4 Answers

  1. Проблема в следующем:

    // Creas un String con la fecha
$scope.a="26-04-2016"; 

$scope.c = 
    // Creas un objeto moment a partir de ese String
    moment($scope.a,"DD-MM-YYYY")

    // Vuelves a convertir dicho objeto moment a String
    // que es exactamente igual a $scope.a
    .format("DD-MM-YYYY");

    // String --> moment --> String

    Это избыточно, и это также причина того, что вы сравниваете даты как строки, а не как Dateобъекты javascript, и когда вы сравниваете строки, они дадут вам более или менее в соответствии с алгоритмом сравнения, который выполняет разные шаги (шаг 4), как если бы оба операнда алгоритма были даты (шаг 3).

    var $scope = {};

$scope.a = "26-04-2016";
$scope.b = "20-10-2016";

$scope.a1 = new Date('2016-04-26');
$scope.b1 = new Date('2016-10-20');

//$scope.a >= $scope.b => true
console.log('$scope.a >= $scope.b :', $scope.a >= $scope.b);
// "26" >= "20" => true
console.log('"26" >= "20" :', "26" >= "20");
//$scope.a1 >= $scope.b1 => false
console.log('$scope.a1 >= $scope.b1 :', $scope.a1 >= $scope.b1);

    Таким образом, возможные решения могут быть

    1. Не избавляйтесь от momentисходного объекта и используйте его для сравнения с использованием методов (рекомендуется)

      isSame( ===)

      isBefore( <)

      isAfter( >)

      isSameOrBefore( <=)

      isSameOrAfter( >=)

      Вот пример

    angular.module('app', [])
  .controller('DateCtrl', function($scope) {

    $scope.a = "26-04-2016";
    $scope.c = moment($scope.a, "DD-MM-YYYY");
    $scope.b = "20-10-2016";
    $scope.d = moment($scope.b, "DD-MM-YYYY");

    if ($scope.d.isSameOrBefore($scope.c)) {
      alert($scope.b + ' es menor a ' + $scope.a)
    } else {
      alert($scope.b + ' es mayor a ' + $scope.a)
    }

  });
    <script src="http://momentjs.com/downloads/moment.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="DateCtrl">
  {{a}}
  <br>{{b}}
</div>

    1. Преобразуйте в momentи Dateсравните, используя соответствующие методы

    angular.module('app', [])
  .controller('DateCtrl', function($scope) {
    // Tambien puedes descomponer las fechas y crear el objeto Date directamente
    $scope.a = "26-04-2016";
    $scope.c = moment($scope.a, "DD-MM-YYYY").toDate();
    $scope.b = "20-10-2016";
    $scope.d = moment($scope.b, "DD-MM-YYYY").toDate();

    if ($scope.d <= $scope.c) {
      alert($scope.b + ' es menor a ' + $scope.a)
    } else {
      alert($scope.b + ' es mayor a ' + $scope.a)
    }

  });
    <script src="http://momentjs.com/downloads/moment.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="DateCtrl">
  {{a}}
  <br>{{b}}
</div>

    Наконец, я рекомендую вам манипулировать датами, используя формат ISO 8601 . Это не обязательно, но это стандарт, и он избавит вас от необходимости выполнять множество преобразований формата даты в ваших программах.

    • 2

  2. Вы также можете сравнить их как JSON, т.е.:

    if($scope.d.toJSON() <= $scope.d.toJSON())

    Буквально вчера я попробовал это с AngularJS (Angular 1), и это сработало :)

    • 0

  3. .format() преобразует дату (объект момента) в текстовую строку. Если вы используете стандартный формат, сортировка по году, месяцу, дню не будет проблемой. Но вы указываете, что формат вывода — день, месяц, год, поэтому при сравнении текстовых строк они будут рассматриваться как числа, а не как даты, поэтому 26042016 больше, чем 20102016.

    Решение состоит в том, чтобы сравнить объекты моментов напрямую или с помощью функций сравнения моментов: isBefore() и isAfter(). Затем формат задается во время отображения переменной.

    $scope.a="26-04-2016";    
$scope.c = moment($scope.a,"DD-MM-YYYY");
$scope.b="20-10-2016";
$scope.d = moment($scope.b,"DD-MM-YYYY");
if($scope.d <= $scope.c){
    alert($scope.d.format("YYYY-MM-DD") + ' es menor a  '+ $scope.c.format("YYYY-MM-DD"))
}else{
    alert($scope.d.format("YYYY-MM-DD") + ' es mayor a ' + $scope.c.format("YYYY-MM-DD"))
}
    • 0
  4. Best Answer

    Я не могу проверить это, но я думаю, что это сработает для вас

    $scope.a="26-04-2016";    
$scope.c = moment($scope.a,"DD-MM-YYYY").format("YYYY-MM-DD");
$scope.b="20-10-2016";
$scope.d = moment($scope.b,"DD-MM-YYYY").format("YYYY-MM-DD");
if($scope.d <= $scope.c){
    alert($scope.d+' es menor a '+$scope.c)
}else{
    alert($scope.d+' es mayor a '+$scope.c)
}
    • -1