javascriptでの日付計算に関して

Question

###構造

データベース

テーブルA  //date = 登録日
 name: データ1  date: 2017/02/11 12:00
 name: データ2  date： 2017/02/10 12:00
 name: データ3  date： 2017/01/07 12:00
 name: データ4  date： 2016/02/11 12:00

以上のデータ1,2,3,4をHTMLで表示させる際に、Javascriptで現在の日付から計算した登録日時を表示させたいです。

例： 2017/02/11 13:00 に見たHTML側の表示

データ1 : 12:00 //ここは当日なので時刻表示
データ2 : 1日前
データ3 : 1ヶ月前
データ4 : １年前

どうすれば実現できるでしょうか？
JS側だけの処理が思いつきません。

Comments

[退会済みユーザー]

PHPで行う方が良いと思うのですが、JavaScriptでやらなければいけない理由はありますか？

[mochikuzu]

PHP側のコードを完結したいのが一つの理由です。また別のページでも同じ様な処理を行いたいためjsでの処理を検討しております

Answer 1

プロであればgoogle検索などでライブラリを探してきます。もちろんライセンス的にクリアなものです。私がこういった処理を実装するならこれを見つけたでしょう。timeago.jsというライブラリについての説明記事です。
http://co.bsnws.net/article/187

Comments

[mochikuzu]

ありがとうございます。
まだまだ勉強中の身なのでうまく説明できず申し訳ありません

Answer 2

◯◯前は定義が難しいのでなかなか完璧な表記はできません。
例えば小の月やうるう年、2/28の一ヶ月前は1/28or31？
単純に日付の差であれば以下です

var d1=new Date('2017/02/11 12:00');
var d2=new Date('2017/01/07 12:00');
console.log(parseInt((d1-d2)/60/60/24/1000));

これを援用して30日を1月とするとか365日を1年とするとか
定義をすればご希望のように表示することも可能です

Comments

[mochikuzu]

ありがとうございます、参考になります。

Answer 3

こちらを参考にしてください。
参考

Comments

[mochikuzu]

すみません言葉足らずでした
一応自分なりに質問内容にある処理は作っているのですが、プロの方はどのように実現させるのかを知りたいです。

[otn]

> 一応自分なりに質問内容にある処理は作っているのですが、
ということは、「JS側だけの処理が思いつきません。 」は嘘ということですか？

[mochikuzu]

ここにあげれるような出来ではないためこのような質問になってしまいました、誤解を生んでしまい申し訳ありません

Answer 4

日付を扱うためのライブラリがあるので、それを利用してはいかがでしょう。

【おすすめライブラリつまみ食い - Moment.js | CodeGrid】
https://app.codegrid.net/entry/momentjs#toc-6

【Moment.js | Home】
https://momentjs.com/

Comments

[mochikuzu]

すみません言葉足らずでした
一応自分なりに質問内容にある処理は作っているのですが、プロの方はどのように実現させるのかを知りたいです。

[kei344]

作っているなら提示されてはどうでしょう。というか質問文にある「思いつきません」と相反することをおっしゃっていることに気づかれていますか？

[mochikuzu]

ここにあげれるような出来ではないためこのような質問になってしまいました、誤解を生んでしまい申し訳ありません