Материал пользовательского интерфейса Datepicker не работает на angular

Я интегрировал пользовательский интерфейс материала в свой угловой проект, используя эту команду добавить @angular/материал, и я импортировал все необходимые компоненты в файл app.module.ts, но столкнулся с приведенной ниже ошибкой. Материал пользовательского интерфейса Datepicker не работает на angular

Вот мой HTML-код

<mat-form-field appearance = "fill">
  <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>

Пожалуйста, помогите мне решить эту проблему

вы проверяли этот stackoverflow.com/questions/46705101/…

Maksat Rahmanov 17.03.2022 16:17
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
1
36
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Ваш HTML-код в порядке. Убедитесь, что правильный импорт был сделан.

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    BrowserAnimationsModule,
    MatDatepickerModule,
    MatNativeDateModule,
    MatInputModule,
    MatFormFieldModule,
    ReactiveFormsModule,
  ],
  declarations: [
    AppComponent,
    HelloComponent,
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}

Возможно, вы забыли импортировать MatInputModule.

import { MatFormFieldModule, MatInputModule } from '@angular/material';

@NgModule({
    imports: [
        MatFormFieldModule,
        MatInputModule
    ]
})
export class AppModule { }

Нет, на самом деле я импортировал оба на app.module.ts

Ashok K 17.03.2022 16:23

Другие вопросы по теме

Похожие вопросы

Какой самый элегантный способ расширить нативный объект в проекте NodeJS?
React native, состояние не определено в useSelector после выборки
Как передать setState в другую функцию и использовать его для целевого значения из выбора материала-интерфейса и обработки изменения, ошибка «значение не определено»
Что я должен использовать в качестве ключа для элементов «строки» в реакции?
У меня проблемы с серией и подсчетом процента побед в моей игре на JavaScript
Получение обратного вызова после выполнения запроса в надстройке Gmail в скрипте приложений
Хотите настроить MUI - панель инструментов с данными и позиционирование вверху страницы
Как отсортировать массив на основе другого массива в JS
Как запрашивать у пользователя ввод данных после каждого раунда в игре «Камень-ножницы-бумага»?
Как получить Word перед сопоставлением слов с помощью regex Javascript?