前提・実現したいこと
react native
new Date() で表示される日付に不具合があります。
発生している問題・エラーメッセージ
例ですがテーブルに以下のように設定し、 id, name, start, finish, 1, 2020年第1四半期, 2020-01-01 00:00:00, 2020-03-31 00:00:00 2, 2020年第2四半期, 2020-04-01 00:00:00, 2020-06-30 00:00:00 ~~~ アプリ側で name を選択すると、start, finish が自動で表示されるように設定しています。 console.logでの表示には問題がないのですが、 アプリに表示される日付が1日前にずれて表示されます。 2020年第1四半期 → 2019-12-31 / 2020-03-30 と表示されてしまう。 console.log(startDate); //Tue Jan 01 2020 00:00:00 GMT+0900 (日本標準時) console.log(finishDate); //Sun Mar 31 2020 00:00:00 GMT+0900 (日本標準時 表示は正しい表記で日付までを表示したいです。
該当のソースコード
this.setState({ startDate: new Date(item.started_at), finishDate: new Date(item.finished_at), }); console.log(startDate); //Tue Jan 01 2020 00:00:00 GMT+0900 (日本標準時) console.log(finishDate); //Sun Mar 31 2020 00:00:00 GMT+0900 (日本標準時)
試したこと
シュミレーター端末の地域の設定
タイムゾーンが問題となっていそうですが、解決法がわからなかったです。
https://github.com/facebook/react-native/issues/15819
https://stackoverflow.com/questions/47970459/react-native-new-date-not-working
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
あなたの回答
tips
プレビュー