jQueryによるタイムスタンプ変換方法

Question

var ux = '1556717071031';

というタイムスタンプをjQueryで変換する方法を教えていただけませんでしょうか？

もしできれば➀と➁と２通り知りたいのですが、➁はかなり難しかと思いますので、とりあえず➀だけでも、どなたかお分かりになりませんでしょうか？

###➀その「日付」に変換

(例)

2019-05-01

###➁フェイスブックみたいに、「相対日時」に変換

(例)

今
×秒前
×分前
×時間前
×日前
×か月前
×年×月×日

Comments

[kei344]

jQueryには時間を操作する機能はjQuery.now()くらいしかないですよ。

[raisinchan]

jQueryの方が簡単だと伺ったのでお聞きしてみたんですけど、JavaScriptでも大丈夫です。

Answer 1

var ux = '1556717071031'; 
var date = new Date(parseInt(ux, 10));
var month = date.getMonth() + 1;
var day = date.getDate();
var dateString = date.getFullYear() + '-' + (month < 10 ? '0' : '') + month + '-' + (day < 10 ? '0' : '') + day;
console.log(dateString);

・～秒前、～分前の値は切り捨てです。
・1か月を一律(365.25 / 12)日とみなして計算しています。
・未来の値は考慮していません。

function toRelativeDate(ux) {
	var date = new Date(parseInt(ux, 10));
	var seconds = (new Date - date) / 1000;
	var days = seconds / 3600 / 24;

	if (seconds < 1) return '今';
	if (seconds < 60) return Math.floor(seconds) + '秒前';
	if (seconds < 3600) return Math.floor(seconds / 60) + '分前';
	if (seconds < 3600 * 24) return Math.floor(seconds / 3600) + '時間前';
	if (days < 365.25 / 12) return Math.floor(days) + '日前';
	// 1か月を一律(365.25 / 12)日とみなして計算
	if (days < 365.25) return Math.floor(days / 365.25 * 12) + 'か月前';
	return date.getFullYear() + '年' + (date.getMonth() + 1) + '月' + date.getDate() + '日';
}

// テスト

console.log(toRelativeDate((new Date().valueOf() - 500).toString()));
console.log(toRelativeDate((new Date().valueOf() - 12700).toString()));
console.log(toRelativeDate((new Date().valueOf() - 34.5 * 60000).toString()));
console.log(toRelativeDate((new Date().valueOf() - 23.6 * 3600000).toString()));
console.log(toRelativeDate((new Date().valueOf() - 21.5 * 24 * 3600000).toString()));
console.log(toRelativeDate((new Date().valueOf() - 360 * 24 * 3600000).toString()));
console.log(toRelativeDate(new Date(2018, 5-1, 1).valueOf().toString()));

Comments

[raisinchan]

…完っ璧でございます。どうもありがとうございます。家宝にします。