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

将日期与 angularjs 中的 momentjs 进行比较

  • 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

    这是多余的，这也是您将日期作为字符串而不是 javascript 对象进行比较的原因，当您比较字符串时，它们会根据遵循不同步骤（步骤 4）的比较算法Date或多或少地为您提供，就好像两个操作数一样该算法的日期（步骤 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