Angularの日付フォームの初期値に現在日付を設定したい

一覧画面や登録画面の日付フォームの初期値に日付を設定したいのですが、表示がされません。

template
1<input type="date" id="startDate" class="form-control" name="startDate" [(ngModel)]="fund.startDate" #startDate="ngModel" required>

component
1ngOnInit(): void {
2     this.fund.startDate = new Date();
3   }

上記のコードで動かしたところ(Chrome）、デベロッパーツールで以下が表示されます。
ng-reflect-model="Sat Feb 29 2020 11:33:03 GMT+0"

また、input type="text"であれば、上記のやり方で設定できることは確認できています。

Angular 9
Chrome 80

行動規範の内容に同意します

回答1件

ベストアンサー

input type="date"に入る値は「DOMString で、 YYYY-MM-DD 形式の日付、または空欄」です。
具体的には1993-11-01このような値になります。

ですのでnew Date()で取得したものをそのまま使ってもうまくいかず、上記の形に整形する必要があります

投稿2020/03/29 14:40

総合スコア657

2020/04/01 11:45

ご回答ありがとうございます。リンクいただいたstackblitzが開けない（ずっとローディング状態）のですが、 URLに間違い等がありますでしょうか？お手数をおかけしますが、ご確認いただけますと幸いです。

2020/04/02 10:58

https://stackblitz.com/edit/angular-67d8ll すいません。こちらでご確認ください

2020/04/04 11:41

ありがとうございます。無事解決できました。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問