[React]ローカルストレージのDateを読み込むとエラー

Question

前提・実現したいこと

以下のjsonをローカルストレージに登録し、別コンポーネントで読み込んだ時に以下のようなエラーが発生します。
改善点がわかる方がいましたらコメントお願いします。

//Jsonの中身
{Time: new Date()}

発生している問題・エラーメッセージ

Uncaught TypeError: Cannot read property 'getFullYear' of undefined

Uncaught TypeError: Date.parse(...).getFullYear is not a function

該当のソースコード

objにはローカルストレージの値を取得できていることは確認済です。

{Date.parse(obj['Time']).getFullYear() + "年"}

Comments

[hoshi-takanori]

JSON に Date オブジェクトをそのまま格納することはできませんので、文字列に変換する必要があります。

[aiai8976]

もちろん変換して格納し、日時が入っていることは確認済です。

Answer 1

//Jsonの中身
{Time: new Date()}

JSONへDateは格納できません。文字列になっています。

Comments

[aiai8976]

書き方が悪いのですが、この後に文字列に直して格納しています。ただ、今のままだと文字列に対してgetFullYear()としていたため、Date型に直す必要がありました。しかし、上記のようにしても改善されません。

[maisumakun]

Date.parseの結果は数値です。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Date/parse

[aiai8976]

なるほど。
そのままDate型に変換できる方法をご存知でしょうか。

[maisumakun]

new Date(文字列)、あるいはnew Date(Date.parse(文字列))としてはどうでしょうか。

[aiai8976]

いけました。ありがとうございます。