angular - 如何在 ionic 5 中添加日期选择器

Question

我正在尝试将Angular Material Date 选择器之类的日期选择器添加到 Ionic 5 应用程序中。我不想使用本机ion-datetime组件，因为它不显示整个日历，也不支持其他日历，如 Jalali 等。

标签： angulartypescriptionic-framework

Answer 1

它与角度相同。

按照步骤。

1. ng add @angular/material (simply walk through the terminal and all time press y)

2. import following in module.ts

   import {MatDatepickerModule} from '@angular/material/datepicker';
   import { MatFormFieldModule } from '@angular/material/form-field';

3. 用html写代码

   <mat-form-field appearance="fill">
     <mat-label>Choose a date</mat-label>
     <input matInput [matDatepicker]="picker">
     <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
     <mat-datepicker #picker></mat-datepicker>
   </mat-form-field>