0

我有“md-grid-list”来在网格中显示卡片。我正在使用“ngFor”循环我的数据数组。如何使用“ngIf”将数组中的每个日期时间元素与给定的日期时间进行比较？如果条件成功，则将卡片的颜色设置为绿色，如果条件不满足，则将卡片的颜色设置为不同的颜色。

<md-grid-list cols="4"  rowHeight="250px" gutterSize="20px">
  <md-grid-tile  *ngFor="let data of mydata" >
        <div *ngIf="(data.myDatetime | date:'HH:mm:ss, MMMM dd') < (myCurrentDateTime |date:'HH:mm:ss, MMMM dd')">

      <md-card [style.background]="'red'" [style.minHeight]="'100%'">   
    <md-card-title></md-card-title>
    <md-card-title></md-card-title>
    <md-card-content>
    <h2>
    </h2>
    </md-card-content>  
    </md-card>
        </div>
  </md-grid-tile>
</md-grid-list>
4

1 回答 1

1

JavaScript 使用对象来存储日期值。当你想比较两个日期是否相等时，不要这样做 date1 === date2。这只会告诉你两个变量是否引用同一个对象。

要检查两个日期是否相等，请使用日期对象的 getTime() 方法。像这样：

date1.getTime() == date2.getTime()

请小心，因为任何以秒为单位的差异都将无法匹配日期。

在您的情况下，它将是：

ngIf="data.myDatetime.getTime() < myCurrentDateTime.getTime()"

如果日期格式是 Unix 时间戳：

ngIf="data.myDatetime < myCurrentDateTime"

希望能帮助到你

于 2017-05-09T15:43:16.677 回答