GITHUBの日付の表示を相対表示から絶対表示に変換するブックマークレット

JavaScript,GitHub,bookmarklet

GITHUBの日付の表示が...4days agoみたいな相対表示なのを、
絶対表示で確認するために設定などを探していた時に見つけたブックマークレット（https://qiita.com/kobake@github/items/06dcc5b6135fd38adeb7）が古くて動かなくなっていたため、新しく作りました。

javascript:var%20times%3Ddocument.querySelectorAll('relative-time')%3Bfor(var%20i%3D0%3Bi%20%3C%20times.length%3Bi%2B%2B)%7Bvar%20date%3Dnew%20Date(times%5Bi%5D.getAttribute('datetime'))%3Bvar%20dateString%3D''%3BdateString%20%2B%3Ddate.getFullYear()%2B%20'%2F'%3BdateString%20%2B%3D('0'%20%2B(date.getMonth()%2B%201)).slice(-2)%2B%20'%2F'%3BdateString%20%2B%3D('0'%20%2B%20date.getDate()).slice(-2)%2B%20'%20'%3BdateString%20%2B%3D('0'%20%2B%20date.getHours()).slice(-2)%2B%20'%3A'%3BdateString%20%2B%3D('0'%20%2B%20date.getMinutes()).slice(-2)%2B%20'%3A'%3BdateString%20%2B%3D('0'%20%2B%20date.getSeconds()).slice(-2)%3Btimes%5Bi%5D.innerText%3DdateString%3B%7Dvoid(0);

元のスクリプト

var times = document.querySelectorAll("relative-time");
for (var i = 0; i < times.length; i++) {
  var date = new Date(times[i].getAttribute("datetime"));
  var dateString = "";
  dateString += date.getFullYear() + "/";
  dateString += ("0" + (date.getMonth() + 1)).slice(-2) + "/";
  dateString += ("0" + date.getDate()).slice(-2) + " ";
  dateString += ("0" + date.getHours()).slice(-2) + ":";
  dateString += ("0" + date.getMinutes()).slice(-2) + ":";
  dateString += ("0" + date.getSeconds()).slice(-2);
  times[i].innerText = dateString;
}

ユーザー登録して、Qiitaをもっと便利に使ってみませんか。

あなたにマッチした記事をお届けします
ユーザーやタグをフォローすることで、あなたが興味を持つ技術分野の情報をまとめてキャッチアップできます
便利な情報をあとで効率的に読み返せます
気に入った記事を「ストック」することで、あとからすぐに検索できます

より詳しく

ユーザー登録ログイン

@kyonsi

GitHub の days ago を日時表示する by hiokidaichi

GitHub / GitLab で Unity 関連ファイルを折り畳んで楽々レビュー by fakestarbaby

1から始めるNFT！買い方や取り引きの注意点、将来性を解説 PR ソフトバンク株式会社

日立製作所が進める、「人の感情」を可視化する新規サービスの作り方 PR 日立

@shin3250

2020-03-17 01:23

（編集済み）

最近GitHubを使うようになって日時が相対表示なことを不便に思っていたので大変助かりました。
一点、日時表示されるタグは"relative-time"の他に"time-ago"もあるようでしたので、私なりに修正してみました。

コード

["relative-time", "time-ago"].forEach(function(tag) {
    var times = document.querySelectorAll(tag);
    for (var i = 0; i < times.length; i++) {
        var date = new Date(times[i].getAttribute("datetime"));
        var dateString = "";
        dateString += date.getFullYear() + "/";
        dateString += ("0" + (date.getMonth() + 1)).slice(-2) + "/";
        dateString += ("0" + date.getDate()).slice(-2) + " ";
        dateString += ("0" + date.getHours()).slice(-2) + ":";
        dateString += ("0" + date.getMinutes()).slice(-2) + ":";
        dateString += ("0" + date.getSeconds()).slice(-2);
        times[i].innerText = dateString;
    }
});

ブックマークレット

javascript:["relative-time","time-ago"].forEach(function(tag){var times=document.querySelectorAll(tag);for(var i=0;i<times.length;i++){var date=new Date(times[i].getAttribute("datetime"));var dateString="";dateString+=date.getFullYear()+"/";dateString+=("0"+(date.getMonth()+1)).slice(-2)+"/";dateString+=("0"+date.getDate()).slice(-2)+" ";dateString+=("0"+date.getHours()).slice(-2)+":";dateString+=("0"+date.getMinutes()).slice(-2)+":";dateString+=("0"+date.getSeconds()).slice(-2);times[i].innerText=dateString}});void(0);

Windows版ChromeとFireFox（security.csp.enableをfalseにした状態）で動作を確認しました。

ご参考までに。

あなたもコメントしてみませんか :)

ユーザー登録

すでにアカウントを持っている方はログイン

記事の改善

編集リクエストを送る

記事の情報

編集履歴編集リクエスト一覧 LGTMしたユーザー一覧 Markdown で本文を見る