如何在 Ionic 2 / 3 中使用 getDay 方法

Question

我有一个 ionic 项目，它使用 ion-segment 组件在数据之间切换。数据按周一到周日分类。我想使用 getDay 函数自动选择今天是哪一天，并显示相关的细分标签及其数据。

到目前为止我的代码如下...

home.html

<ion-segment class="segment" color="myYellow" [(ngModel)]="days">
    <ion-segment-button value="monday">
      Mon
    </ion-segment-button>
    <ion-segment-button value="tuesday">
      Tue
    </ion-segment-button>
    <ion-segment-button value="wednesday">
      Wed
    </ion-segment-button>
    <ion-segment-button value="thursday">
      Thu
    </ion-segment-button>
    <ion-segment-button value="friday">
      Fri
    </ion-segment-button>
    <ion-segment-button value="saturday">
      Sat
    </ion-segment-button>
    <ion-segment-button value="sunday">
      Sun
    </ion-segment-button>
  </ion-segment>

<div [ngSwitch]="days">
      <ion-list no-lines *ngSwitchCase="'monday'">
          <ion-item *ngFor="let show of shows">
              <ion-thumbnail item-start>
                <img [src]="show.picture.medium">
              </ion-thumbnail>
              <h4 class="title">{{show.show}}</h4>
              <h6 class="host">{{show.hosts}}</h6>
              <p class="time">{{show.time}}</p>
              <button ion-button clear item-end (click)="showInfo($event, show)">View</button>
            </ion-item>
      </ion-list>

      <ion-list no-lines *ngSwitchCase="'tuesday'">
          <ion-item *ngFor="let show of shows">
              <ion-thumbnail item-start>
                <img [src]="show.picture.medium">
              </ion-thumbnail>
              <h4 class="title">{{show.show}}</h4>
              <h6 class="host">{{show.hosts}}</h6>
              <p class="time">{{show.time}}</p>
              <button ion-button clear item-end (click)="showInfo($event, show)">View</button>
            </ion-item>
      </ion-list>
  </div>

我的 home.ts 文件将天数定义为字符串，如下所示：

天：字符串="monday"

我的代码工作正常，我必须手动 select 细分中的日期，但我希望它根据星期几自动 select 细分中的日期你打开应用程序/页面。

Answer 1

就像 docs 所说的那样使用它：

假设您有一个 public days: string; 变量，它在您的模板中用于 ngSwitch="days":

在你的constructor()体内：

let currentDate = new Date();
let weekdays = ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];
this.days = weekdays[currentDate.getDay()];

如何在 Ionic 2 / 3 中使用 getDay 方法

How to use the getDay method in Ionic 2 / 3

getdate

ionic-framework

ionic2

ionic3