1. ホーム
  2. date

[解決済み] React Nativeで日付文字列をフォーマットする

2022-03-16 20:48:01

質問

React Nativeで日付文字列をフォーマットしようとしています。

例:2016-01-04 10:34:23

以下は、私が使っているコードです。

var date = new Date("2016-01-04 10:34:23");
console.log(date);

問題は、iPhone 6Sでこれをエミュレートすると、Monが印刷されることです。 Jan 04 2016 10:34:23 GMT+0530 (IST) 問題なく使用できます。しかし、iPhone 5Sで試すと何も印刷されません。また、月を取得するために、以下のようなメソッドを使用すると date.getMonth() と表示されます。 "NaN" .

これはなぜですか?回避策はありますか?

解決方法は?

React Nativeの良さは、Moment.jsのような多くのJSライブラリをサポートしていることです。 Moment.jsを使用すると、ゼロからコーディングする代わりに、日付/時刻を処理するためのより良い/より簡単な方法でしょう。

ターミナルでこれを実行するだけ ( yarn add moment Reactのビルトインパッケージマネージャを使用する場合も同様です)。

npm install moment --save

そして、React Native jsのページで。

import Moment from 'moment';

render(){
    Moment.locale('en');
    var dt = '2016-05-02T00:00:00';
    return(<View> {Moment(dt).format('d MMM')} </View>) //basically you can do all sorts of the formatting and others
}

moment.jsの公式ドキュメントはこちらです。 https://momentjs.com/docs/