首页 > 解决方案 > Angular 9 中的 mat datepicker 问题?

问题描述

我以前的版本从来没有遇到过这个问题,但我不确定是版本问题还是我遗漏了一些完全明显的东西。当我使用 mat datepicker 设置输入并切换时,我收到以下错误: MatDatepicker 只能与单个输入相关联。只有一个输入和一个日期选择器。所有正确的模块似乎都被导入了。

这是我正在使用的代码:

    <mat-form-field style="margin-right: 20px;">
      <mat-label>Choose a start date</mat-label>
      <input matInput
             [matDatepicker]="startDate">
      <mat-datepicker-toggle matSuffix
                             [for]="startDate"></mat-datepicker-toggle>
      <mat-datepicker #startDate></mat-datepicker>
    </mat-form-field>

还没有添加模型或表单组/控件,只是给出了这个问题的普通旧代码。我尝试将 mat-datepicker 上的“#startDate”更改为“id='startDate'”,这会导致在再次提供应用程序之前不会显示错误。切换也不会工作,所以这没有多大帮助。有谁知道这里可能是什么问题,因为在这一点上我不知道。

编辑:

这是我使用的代码的 stackblitz:https ://stackblitz.com/edit/angular-pwh59k 有趣的是它没有给出任何问题。

标签: angularangular-materialangular9

解决方案


推荐阅读