<div class="app-mob-calendar ">
<app-calendar [data]="$items" [activeDate]="{ year: year, month: month, day: day }" (activeDateChange)="activeDateChange($event)"></app-calendar>
<div style="margin-bottom: 10px;">
    <div *ngFor="let $group of activeDateItems">
        <div class="calendar-data-item">{{calendarDataConfig2[$group.name].name}}</div>
        <ion-list>
            <ion-item *ngFor="let group of $group.items"  style="font-size:16px;">
                <ion-label>{{ group.srfmajortext }}</ion-label>
                <p slot="end">{{ group.begintime  }}</p>
            </ion-item>
        </ion-list>
    </div>
</div>
</div>