如何在循环外获取日期差异？

Question

我在不同的 div 中有多个开始日期。如果当前日期的 div 日期超过 365 天，我需要隐藏支付按钮。 Orelse 我需要展示。我想在 angularjs 中做到这一点。

1) 如果第一个 div 日期差异小于 365 天，我需要显示付款按钮。否则我需要隐藏。

2) 与所有 div 相同。我有超过 50 个 div。

{
date:[{
  date:"01/01/2016"
}
{
  date:"01/01/2016"
}
{
  date:"01/01/2016"
}
{
  date:"01/01/2016"
}
{
  date:"01/01/2016"
}
{
  date:"01/01/2016"
}

]
}
   var date2 = new Date();
   var timeDiff = Math.abs(date2.getTime() - date1.getTime());
   var diffdate = Math.ceil(timeDiff / (1000 * 3600 * 24));
   
   for (var i=0;i<data.length;i++){
    var date1 = data[i].date;
    var date2 = new Date();
   var timeDiff = Math.abs(date2.getTime() - date1.getTime());
   var diffdate = Math.ceil(timeDiff / (1000 * 3600 * 24));
   $scope.differnece = diffdate.map(Number) 
    if($scope.differnece > 365){
     $("$pay").hide();
   }else{
     $("#pay").show();

  }
   }
   

<button id="pay">Pay</button>

在循环中，我得到了所有两个日期之间的差异。但是请帮助我如何根据每个 div 差异日期编写条件。

Answer 1

在你的控制器中，

先初始化

 $scope.showButton = true;   //To show the button initially. Else set it to  false.

已编辑：

由于您使用多个部门，

 if($scope.differnece > 365){
   if($scope.showButton) {
       $scope.showButton = false;
   }
 }

在你的模板中，使用 ng-show 指令。

  <button id="pay" ng-show="showButton">Pay</button>

当 showButton 的值为 true 时，按钮会显示，当它设置为 false 时，按钮会隐藏。