test/tab2.page.html

<ion-header>
  <ion-toolbar>
    <ion-title>备忘录</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <!-- 搜索框 -->
  <ion-item>
    <ion-label position="floating">搜索备忘录</ion-label>
    <ion-input [(ngModel)]="searchQuery"></ion-input>
  </ion-item>

  <!-- 备忘录输入 -->
  <ion-item>
    <ion-label position="floating">备忘录内容</ion-label>
    <ion-input [(ngModel)]="memoContent"></ion-input>
  </ion-item>
  <ion-button expand="full" (click)="addMemo()">添加备忘录</ion-button>

  <!-- 备忘录列表 -->
  <ion-list>
    <ion-item *ngFor="let memo of filteredMemos()">
      {{ memo }}
    </ion-item>
  </ion-list>

  <!-- 日历 -->
  <!-- 日历 -->
  <ion-card>
    <ion-card-header>
      <ion-card-title>日历</ion-card-title>
    </ion-card-header>
    <ion-card-content>
      <div class="calendar-container">
        <mwl-calendar-month-view
          [viewDate]="viewDate"
          [events]="events"
          (dayClicked)="dayClicked($event.day)">
        </mwl-calendar-month-view>
      </div>
    </ion-card-content>
  </ion-card>
</ion-content>