“如何在 Angular Material 7 中设置 DatePicker？输入标签被隐藏？”答案

【问题标题】："How to set the DatePicker in Angular Matrial 7 ? Input Tag getting hide ?"“如何在 Angular Material 7 中设置 DatePicker？输入标签被隐藏？”
【发布时间】：2019-08-09 08:59:41
【问题描述】：

我正在使用 Angular Material 并面临管理 DatePicker 组件的问题，因为它正在隐藏输入框，因此日期不在 Input 标签的值中。

 <input matInput [matDatepicker]="picker1" placeholder="Anniversary">

 <mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>

 <mat-datepicker #picker1> </mat-datepicker>

【问题讨论】：

您在example section 中没有找到解决方案吗？
@JeroenHeier 我正在使用相同的方法。

标签： javascript datepicker angular-material angular-fullstack angular-material-datetimepicker

【解决方案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>

【讨论】：