[解決済み] 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/
関連
-
[解決済み】JavaScriptで「無効な日付」のDateインスタンスを検出する
-
[解決済み] Postmanで{{$timestamp}}をMM/DD/YYYYのようにフォーマットするにはどうすればよいですか?
-
[解決済み] JavaScriptの日付の書式設定方法
-
[解決済み] JavaScriptで現在の日付を取得するには?
-
[解決済み] SQL Server の DateTime データ型から日付だけを返す方法
-
[解決済み] JavaScriptで日付の書式設定に関するドキュメントはどこにありますか?
-
[解決済み] シェルスクリプトでYYYY-MM-DD形式の日付にする
-
[解決済み] Androidで現在の時刻と日付を取得する方法
-
[解決済み] Java文字列→日付変換
-
[解決済み] React NativeとReactの違いは何ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】分数秒とは何ですか?
-
[解決済み】CCYYMMDDの日付フォーマットの意味は何ですか?
-
[解決済み] dd-mm-yyyyとdd-mmm-yyyyの相違点
-
[解決済み] 日付形式yyyy-MM-dd'T'HH:mm:ss.SSSZZは何を意味するのですか?
-
[解決済み] Postmanで{{$timestamp}}をMM/DD/YYYYのようにフォーマットするにはどうすればよいですか?
-
[解決済み] React Nativeで日付文字列をフォーマットする
-
[解決済み】パイプを使ったdd/MM/yyyyの日付の書式設定
-
[解決済み】SQL Developerが日付だけを返し、時刻を返さない。これを修正するにはどうすればよいですか。
-
[解決済み] クレジットカードの有効期限の最長年数について
-
[解決済み] moment.js, 曜日を取得する方法