date-fnsで「○分前」「約○時間前」「○日前」など現在時刻からのざっくりした時間経過を表示する - yucatio@システムエンジニア
やりたいこと Twitterのように、投稿日付を表示したい。「○分前」「○時間前」「○日前」など、現在時刻からの経過時間をざっくり表示したい。 date-fnsのformatDistanceToNowでできる date-fnsのformatDistanceToNowを使えば、現在からのざっくりした経過時間を表示することができます。 date-fns - modern JavaScript date utility library 経過時間と表示される時間の対応は以下のようになります。 範囲 表示 30秒未満 1分未満 30秒以上 1 分30 秒未満 1分 1分30秒以上 44分30秒未満 [2..44]分 44分30秒以上 89分30秒未満 約1時間 89分30秒以上 23時間59分30秒未満 約[2..24]時間 23時間59分30秒以上 41時間59分30秒未満 1日 41時間59分3
面倒なJavaScriptの日付の処理は「date-fns」でラクに片付けよう
単純そうに思えることでも意外と面倒なのがJavaScriptでの日付の処理です。素のJavaScriptよりも使いやすくラクに処理できるコンパクトなライブラリー「date-fns」を紹介します。 JavaScriptで日付を扱うと、素のDateメソッドは冗長な記述になり、整合せず、バグが発生しがちです。そこで日付操作に適したライブラリーが役立ちます。ライブラリーとJavaScriptのDateとの関係は、jQueryと素のDOM APIの関係のようなものです。 Stack Overflowで承認された回答から、月の最終日を取得する例で解説します。 var t = new Date(); alert( new Date(t.getFullYear(), t.getMonth() + 1, 0, 23, 59, 59) ); 上記のコードは動くものの、getMonthに続く数字の意味を理解する
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
