为什么 ion-datetime 中显示日历图标而不是默认的右箭头？

Question

我在 Ionic 应用程序中遇到了 ion-datetime 组件的问题。当我在 ion-popover 中使用 ion-datetime 组件时，会显示日历图标，而不是预期的右箭头。

这是我的代码

<ion-item lines="none" mode="md" class="form-item">
              <ion-label position="floating" mode="md" class="form-label">{{ 'date' | translate }}</ion-label>
              <ion-input mode="md" class="form-text" [value]="dataUser.dateOfBirth | date: 'dd-MM-yyyy'" id="date" readonly
                (click)="openPopover($event)"></ion-input>
              <ion-popover #popover trigger="date" side="bottom" event="click">
                <ng-template>
                  <ion-datetime presentation="date" [(ngModel)]="tempDate" displayFormat="dd-MM-yyyy" class="form-text" name="txtDate"
                    required>
                  </ion-datetime>
                  <ion-button expand="full" (click)="confirmDate()">{{ 'acept' | translate }}</ion-button>
                  <ion-button expand="full" color="danger" (click)="cancelDate()">{{ 'cancel' | translate }}</ion-button>
                </ng-template>
              </ion-popover>
            </ion-item>

Answer 1

我发现问题了...

ion-datetime {
  &:before {
    content: "\4c";
  }
}