一个项目原框架为 ionic5+angular11,现成功升级为ionic6+angular12.2.15。
升级过程发现原先ion-datetime组件由v5至v6发生了很大的变化,从而对ion-datetime进行再次封装。
ion-datetime.html
<ion-label [slot]="slot" *ngIf="showLabel">{
{confirmValue|date:displayFormat}}</ion-label>
<ion-modal [initialBreakpoint]="initialBreakpoint" [handle]="handle" [showBackdrop]="showBackdrop" [isOpen]="isOpen" (ionModalDidDismiss)="close()">
<ng-template>
<ion-header>
<ion-toolbar>
<ion-title>{
{title}}</ion-title>
<ion-buttons slot="start">
<ion-button (click)="close()">取消</ion-button>
</ion-buttons>
<ion-buttons slot="end">
<ion-button (click)="ok()">确认</ion-button>
</ion-