Как добавить средство выбора даты в ionic 5

#angular #typescript #ionic-framework

Вопрос:

Я пытаюсь добавить средство выбора даты, такое как средство выбора даты углового материала, в приложение Ionic 5. Я не хочу использовать собственный компонент ion-datetime, потому что он не отображает весь календарь и не поддерживает другие календари, такие как Jalali и т. Д.

Комментарии:

1. используйте «<тип ввода=’дата’ onchange=»Дата выбора($событие)» />

Ответ №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';
 
  1. напишите код в формате 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>
     

Комментарии:

1. Для того, чтобы использовать угловой материал, вы должны добавить все файлы тем CSS и установить множество требований, что приводит к увеличению размера файлов js.

2. вы можете использовать angular-mydatepicker