プロパティ 'toDate' は型 'Date' に存在しません。の対処法

Question

現在TypsScriptで開発をしていて型定義について調べても回答が得られなかったので質問させてください。

こちらのtoDateにはどのような型を入れたら弾かれないでしょうか？
ちなみにこちらのdayの中にはこちらの

年/月/日付のフォーマットを格納しております。
ご回答いただけますと幸いです。

Comments

[ozwk]

day: Dateと、とりあえずDate型で書いたけれども、実際に入るのはFireStoreのTimeStampなので、どう型を書いたらいいかわからないということですか?

[maisumakun]

型宣言は「day: Date」となっていますが、それは間違いということでしょうか？

[21212121]

ozwk様
こちらDate型がFireStoreではTimeStampになってしまっていて、toDateでその月と日付を出したいのに弾かれて困ってる状況です。。。

[21212121]

maisumakun様
props.dayのままなら間違ってないのですが、.toDate()を付け加えますと型定義で弾かれる状態となっております。

[maisumakun]

> FireStoreではTimeStampになってしまっていて

それは、JavaScriptサイドではどのような型の値として扱われているのでしょうか（なお、stringにもDateにも、toDateというメソッドは存在しません）。

[21212121]

FireBase にはDate型でaddしております。

[maisumakun]

呼び出したいtoDate()についてのドキュメントをご提示いただけませんでしょうか？

（そもそも、JavaScript標準には、Date.prototype.toDate()なるメソッドが存在しないので、21212121さんがどのような動作をさせるために何を実行したいのか、把握ができない状態なのです）

[21212121]

日付のフォーマットをそのまま表示したいなと考えおり、型定義無しの場合.toDate()で表示できたので他の日付の表示をする必要がありそうです、、
ご回答ありがとうございます。

[maisumakun]

> 型定義無しの場合.toDate()で表示できた

ということは、day: Dateが間違い、ということになります。

[Hogeike]

これ、結局解決じゃないんですか？解決したならBAをつけて、していないなら何が課題なのかを書きましょう

Answer 1

こちらのtoDateにはどのような型を入れたら弾かれないでしょうか？

この質問の意味がよくわかりませんが(toDateに何らかの型を引数で渡そうとしている？)、要するにDate型にはtoDateという関数は存在しないということです。

timestampをDate型に変換するのならnew Date()の引数に渡せばOKだと思います。

const date = new Date(timestamp);

Comments

[21212121]

ご回答ありがとうございます。
こちらInvalid Dateになってしまいます^^;
こちらで画像を乗せることができなかったので質問の方でのさせていただきましたが、propsで日付を渡してそれを何月何日のようにフォーマット化するためにtoDate()を使ったのですが、型定義で弾かれてしまってる状況ということです。

[miyabi_pudding]

横槍失礼します。
質問修正依頼でも言われておりますが、
DateクラスにそもそもtoDateというメソッドは存在しませんので、
みなさん、質問者さんが何をしたいのかわからない状態です。
最終的にどういうデータ状況にしたいか提示いただければ、回答のしようが出てきますので、
どうか、どんなデータにしたいかの提示をお願いします。

[21212121]

自分としてはFireStoreに保管してある何月何日のフォーマットを表示させたいと思っていて、.toDateはDateにないのであれば少し代わりの案を探してみようと思います。
ご回答ありがとうございます。

Answer 2

FireStoreからその画像で示しているようなデータを取得しているようですが、
それは、Date型などではありません。
String型、ようは文字列です。

なので、ご自身で、その文字列を、
Date型に変換する必要があります。
しかし、日本語まじりの、その文字列をTypeScript（JavaScript）で、Date型ないしDateオブジェクトに変換するのは骨が折れると思いますので、
そもそもの、FireStore上でのそのデータの保存形式を、
2020-09-15 00:00:00などのISO 8601に準拠した形式で保存すべきです。
そうすれば、

const dateData: Date = new Date('2020-09-15 00:00:00');

とすることで、Dateコンストラクタに直接引数に入れて、インスタンスが生成できます。

なので、二択です。

• 取得した文字列をDate型に変換するメソッドなどを自分で作る。
• FireStoreに保存する文字列形式を変更する。

です。
そのどちらかをやるのがベターでしょう。
（もちろん他にも方法はあると思う）

Comments

[21212121]

ご回答ありがとうございます。
早速修正して見たいと思います。