Как получить заполнитель для отображения при заполнении Angular Material Datepicker? - PullRequest
Новая
       5

Как получить заполнитель для отображения при заполнении Angular Material Datepicker?

1 голос
/ 24 апреля 2019

Я использую функцию Angular Material Datepicker.Он отлично работает, кроме заполнителя.В документах заполнитель становится маленькой меткой, когда ввод заполнен датой.Моя исчезает.

Я попытался изменить css, чтобы заставить его работать, и даже попытался использовать mat-label безуспешно.

<input matInput [matDatepicker]="payBeginningDate" formControlName="payBeginningDate" id="payBeginningDate" placeholder="Beginning Date">
<mat-datepicker-toggle matSuffix [for]="payBeginningDate"></mat-datepicker-toggle>
<mat-datepicker #payBeginningDate></mat-datepicker>

Я просто хочу, чтобы заполнитель «Дата начала» сжимался над полем даты, как метка, как это делается в документах.

1 Ответ

0 голосов
/ 24 апреля 2019

Попробуйте код ниже;

импорт ниже CSS файла в вашем коде; 

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

    <mat-form-field>
<input matInput [matDatepicker]="payBeginningDate" formControlName="payBeginningDate" id="payBeginningDate" placeholder="Beginning Date">
<mat-datepicker-toggle matSuffix [for]="payBeginningDate"></mat-datepicker-toggle>
<mat-datepicker #payBeginningDate></mat-datepicker>
</mat-form-field>
...