Angular 角度5中的预设和重置mat日期选择器

在我的Angular 5应用程序中，我使用材料设计中的日期选择器（mat DatePicker）。datepicker的默认行为是有效的，但我无法预设日期并在关联的输入元素中重置它。有人能帮忙吗？谢谢datepicker驻留在另一个包含组件（代码段1）中

片段1（包含页面）：

---

要预设日期，您可以执行以下操作：

日期选择器值示例.html

<mat-form-field>
  <input matInput [matDatepicker]="picker1" placeholder="Angular forms" [formControl]="date">
  <mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>
  <mat-datepicker #picker1></mat-datepicker>
</mat-form-field>

---

编辑：使用自定义格式新建。如果您希望实际材质元素显示自定义格式，您可以在中查看带有自定义格式的日期选择器，即使在StackBlitz中打开它时，它似乎无法正常工作。

感谢您的帮助，但我得到了一个错误：SCRIPT5022:模板解析错误：无法绑定到“formConrol”，因为它不是“input”的已知属性。（“][formConrol]=“someDate”占位符=“新就诊日期”id=“matSelectedDate">我怀疑这是一个输入错误，你可能想要

formControl

而不是

formConrol

啊，谢谢。这是一个输入错误。你能告诉我如何让formControl显示MM/dd/yyyyy hh:MM吗？我只能让它显示日期，但不能显示时间。好吧，Javascript支持不同的

date

格式，但是材料的组成如果你需要一个用户选择一个特定的日历日和一个特定的小时，或者这是他们选择选项时的时间吗？如果你需要更复杂的UI，你可能会考虑使用<代码>数据包> /代码>。小时。谢谢。是的，我需要默认显示日期的小时和分钟。现在，即使用户也不能选择小时和分钟。

import {Component} from '@angular/core';
import {FormControl} from '@angular/forms';

@Component({
  selector: 'datepicker-value-example',
  templateUrl: 'datepicker-value-example.html',
  styleUrls: ['datepicker-value-example.css'],
})
export class DatepickerValueExample {
  date = new FormControl(new Date(100000000000));
}