时间戳

首页 > 解决方案 > matDatepicker 的布局和功能无法正常工作

angular - matDatepicker 的布局和功能无法正常工作

问题描述

我只是想不通我忘记连接的是什么。但最后我有一个无法使用的日期选择器 在此处输入图像描述

“@角/材料”：“^9.2.3”

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

import { MatNativeDateModule } from '@angular/material/core';
import { MatDatepickerModule } from '@angular/material/datepicker';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatInputModule } from '@angular/material/input';

imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule,
    HttpClientModule,
    MatToolbarModule,
    MatDialogModule,
    BrowserAnimationsModule,
    MatIconModule,
    MatDatepickerModule,
    MatNativeDateModule,
    MatFormFieldModule,
    ReactiveFormsModule,
    MatInputModule
  ]

标签： angulardatepickerangular-material

解决方案

@import "~@angular/material/prebuilt-themes/indigo-pink.css"; 在 style.css 中

推荐阅读