More than 3 years have passed since last update.

Angular Material: Date Picker　エラー解決

Last updated at 2020-05-04Posted at 2020-05-04

#初めに
Angular MaterialのDate Pickerを使おうとしたのですが、エラーが出たのでメモ程度にエラーの解決方法を書きます。

#前提
MacOS Catalina version 10.15.4
Angular CLI: 9.1.3
Node: 14.0.0
OS: darwin x64

#最初にしたこと
Angular Materialの公式(Basic Datepicker)通りにMatDatepickerModuleをインポートし、公式のHTMLコードをコピペしたのですがエラーが出てしまいました。

#解決方法
MatNativeDateModuleをMatDatepickerModuleと共にインポートしたら、ちゃんと動きました。シンプルでした。

import {MatNativeDateModule} from '@angular/material/core';

@NgModule({
  declarations: [CreateEventComponent],
  imports: [
    MatDatepickerModule,
    MatNativeDateModule
  ]
})

#最後に
公式ドキュメントにしたがってエラーが出てしまう人がいるのではないかと思いメモを残しました。お役に立てれば幸いです。