Блог

Команда,

Я пытаюсь ввести дату вручную в angular mat datepicker. С моим текущим кодом, в котором я смог ввести номер 1, и в окне выбора даты он принимает значение 01 января 2021 года. Это не позволяет вводить там всю дату целиком

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

HTML-код

 lt;div *ngFor="let item2 of item.trialDesignElement;let i =index; let n = index"gt;  lt;mat-form-fieldgt;  lt;input (dateChange)="setChange(item2.Name,'firstInDate')" matInput  [matDatepicker]="i" placeholder="Choose a date" [value]="getData(item2.firstInDate)"  name="{{i}}--{{n}}"gt;  lt;button mat-button *ngIf="item2.firstInDate" matSuffix mat-icon-button aria-label="Clear"  (click)="item2.firstInDate='' amp;amp; show = !show"gt;  lt;mat-icongt;closelt;/mat-icongt;  lt;/buttongt;  lt;mat-datepicker-toggle matSuffix [for]="i"gt;lt;/mat-datepicker-togglegt;  lt;mat-datepicker #igt;lt;/mat-datepickergt;  lt;/mat-form-fieldgt; lt;ng-container *ngIf="show"gt;  lt;mat-form-fieldgt;  lt;input matInput [matDatepicker]="dup" placeholder="Choose a date" name="{{i}}--{{n}}"  [(ngModel)]="item2.firstInDate"gt;  lt;mat-datepicker-toggle matSuffix [for]="dup"gt;lt;/mat-datepicker-togglegt;  lt;mat-datepicker #dupgt;lt;/mat-datepickergt;  lt;/mat-form-fieldgt;  lt;/ng-containergt; lt;/divgt;  

Код TS : —

 show = true;  

Это то, что я получаю, прежде чем нажать кнопку «Закрыть», я вижу указатель даты.