Question

我有一张桌子。该表包含两列，一列带日期，一列带星期几。我的目标是如果白天是周末，则将线条涂成绿色。感谢您的帮助：）

<ng-container *ngFor="let day of days">
<tr [ngStyle]="{'background-color': day.mydate | date:'EEEE' === 'Sunday' ? 'green' : 'white' }">
<td>{{day.id}}</td>
<td>{{day.mydate  | date:'yyyy-MM-dd' }}</td>
<td>{{day.mydate | date:'EEEE' }}</td>
</tr>
</ng-container>

Answer 1

您可以使用javascript get day函数来确定星期几。当您想给星期日上色时，您的代码应如下所示。

HTML-

export class AppComponent {
  public days: {id:number; mydate: Date;}[] =[{id:1, mydate:new Date(2019,10,10)}];

}

组件：-

{{1}}

有关getday函数的更多信息：-https://www.tutorialspoint.com/javascript/date_getday.htm

基于星期几的表格行背景

1 个答案: