Angular MatDatePicker

Question

Я использую матовый DatePicker для выбора даты входа и выхода. [MatDatepicker] = Это работает, когда я набираю «Селектор». Когда вы даете кому-то другое имя, работает только [matDatepicker] = "селектор", а другой выдает ошибку. Как я могу исправить?

<mat-form-field>
    <label>Entry Date?</label>
    <input matInput [matDatepicker]="picker">
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
    <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

<mat-form-field>
    <label>Pay Date?</label>
    <input matInput [matDatepicker]="picker">
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
    <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

Answer 1

Ваш вопрос неясен, но звучит так, как будто вы хотите иметь двух сборщиков дат, но не можете справиться, поскольку вам нужно указать другое имя для [matDatePicker]. Ваше значение picker должно соответствовать вашей привязке на <mat-datepicker>

Пример:

<mat-form-field>
    <label>Entry Date?</label>
    <input matInput [matDatepicker]="startDate">
    <mat-datepicker-toggle matSuffix [for]="startDate"></mat-datepicker-toggle>
    <mat-datepicker #startDate></mat-datepicker>
</mat-form-field>

<mat-form-field>
    <label>Pay Date?</label>
    <input matInput [matDatepicker]="endDate">
    <mat-datepicker-toggle matSuffix [for]="endDate"></mat-datepicker-toggle>
    <mat-datepicker #endDate></mat-datepicker>
</mat-form-field>

Вот блик стека: https://stackblitz.com/angular/lyeebaxdmyd