"How to set the DatePicker in Angular Matrial 7 ? Input Tag getting hide ?"

Question

我正在使用角度材料并面临管理日期选择器组件的问题，因为它正在隐藏输入框，因此日期没有出现在输入标签的值中。

<input matInput [matDatepicker]="picker1" placeholder="Anniversary">
<mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>
<mat-datepicker #picker1> </mat-datepicker>

Answer 1

我认为你错过了<mat-form-field>.尝试这样做：

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