// ==UserScript==
// @name        Absolute dates on Stack Overflow
// @namespace   http://mrob.com/time/scripts-beta
// @description Converts e.g. "5 days ago" on StackOverflow-related websites to actual date and time (in local time zone)
// @author      Robert Munafo
// @version     20201009.1957
// @downloadURL http://mrob.com/time/scripts-beta/stackoverflow-absolute-dates.user.js.txt
// @include     https://*.askdifferent.com/*
// @include       https://askubuntu.com/*
// @include       https://serverfault.com/*
// @include     https://*.serverfault.com/*
// @include       https://stackapps.com/*
// @include     https://*.stackexchange.com/*
// @include       https://stackoverflow.com/*
// @include     https://*.stackoverflow.com/*
// @include       https://superuser.com/*
// @include       https://*.superuser.com/*
// @grant       none
// @exclude     https://chat.stackexchange.com/*
// @exclude     https://api.*.stackexchange.com/*
// @exclude     https://data.stackexchange.com/*
// @exclude     https://area51.stackexchange.com/*
// ==/UserScript==
//
// Original versions by Kip Robinson:
//  20090807 Was using getDay() instead of getDate() to get the day of month, resulted in incorrect day of month.
//  20090817 Updated to parse new timestamp format.
//  20090819 Made a little faster, still need this bug fixed to be ideal...
//
// Changes by Robert Munafo:
//  20201009 Remove need for jQuery. Update match patterns for recent HTML changes.
//           Add original stackoverflow post (now censored) to a block comment near the bottom.
//  20201010 Handle <time datetime="..."> elements

(function() {
  console.info("stackoverflow-absolute-dates starting...");
  function padNum(num) { return num < 10 ? "0"+num : num; }
  function cvt1(element, index) {
    // console.info("element " + index); console.info(element);
    var utcTimestamp = element.title;
    // console.info("  title: '" + utcTimestamp + "'");
    if ((utcTimestamp == null) || (utcTimestamp === "")) {
      // console.info("no title, try datetime");
      utcTimestamp = element.getAttribute('datetime');	
    }
    if (utcTimestamp == null) {
      // console.info("no ts 2");
      return;
    }
    var matches = utcTimestamp.match(/^([\d]{4})-([\d]{2})-([\d]{2}) ([\d]{2}):([\d]{2}):([\d]{2}) ?(?:Z|UTC|GMT(?:[+\-]00:?00))/);
    if (matches == null) {
      // console.info("no match 1");
      matches = utcTimestamp.match(/^([\d]{4})-([\d]{2})-([\d]{2})T([\d]{2}):([\d]{2}):([\d]{2})/);
    }
    if (matches == null) {
      // console.info("no match 2");
      return; 
    }
    var date = new Date(
      Date.UTC(parseInt(matches[1], 10), parseInt(matches[2], 10) - 1,
               parseInt(matches[3], 10), parseInt(matches[4], 10),
               parseInt(matches[5], 10), parseInt(matches[6], 10)
      )
    );
    var newTimestamp = date.getFullYear() + "-" + padNum(date.getMonth() + 1) + "-"
                     + padNum(date.getDate()) + " " + padNum(date.getHours()) + ":"
                     + padNum(date.getMinutes()) + ":" + padNum(date.getSeconds());
    element.innerHTML = newTimestamp;
  }
  function scan1(pat) {
    const elements = document.querySelectorAll(pat);
    Array.from(elements).forEach((element, index) => { cvt1(element, index); });
  }

  scan1('a[class*="s-link"]');
  scan1('span[class^="relativetime"]');
  scan1('time');

/* older code that depends on jQuery
   Source: stackapps.com/questions/2528/display-absolute-timestamps-in-local-time
   posted 2014-06-24 10:16:37

  // --UserScript--
  // name          localized stackoverflow timestamps
  // namespace     stackoverflow
  // description   More info at: http://meta.stackoverflow.com/questions/12635/
  // include       http://stackoverflow.com/*
  // include       http://meta.stackoverflow.com/*
  // include       http://superuser.com/*
  // include       http://meta.superuser.com/*
  // include       http://serverfault.com/*
  // include       http://meta.serverfault.com/*
  // include       http://askubuntu.com/*
  // include       http://meta.askubuntu.com/*
  // include       http://answers.onstartups.com/*
  // include       http://meta.answers.onstartups.com/*
  // include       http://nothingtoinstall.com/*
  // include       http://meta.nothingtoinstall.com/*
  // include       http://seasonedadvice.com/*
  // include       http://meta.seasonedadvice.com/*
  // include       http://crossvalidated.com/*
  // include       http://askdifferent.com/*
  // include       http://meta.crossvalidated.com/*
  // include       http://stackapps.com/*
  // include       http://*.stackexchange.com/*
  // exclude       http://chat.stackexchange.com/*
  // exclude       http://api.*.stackexchange.com/*
  // exclude       http://data.stackexchange.com/*
  // exclude       http://area51.stackexchange.com/*
  // --/UserScript--

  function with_jquery(f) {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.textContent = "(" + f.toString() + ")(jQuery)";
    document.body.appendChild(script);
  }; 

  with_jquery(function($) {
    //NOTE: Could be more efficient.  Need Jeff to fix this bug first:
    //  http://meta.stackoverflow.com/questions/12640/
    $('a[class*="s-link"]').each(updateTS);
    $("span.relativetime").each(updateTS);
    $("span.comment-date>span").each(updateTS);

    //pads number with leading 0 if needed
    function padNum(num) { return num < 10 ? "0"+num : num; }

    function updateTS() {
      var utcTimestamp = $(this).attr("title");
      if (utcTimestamp == null) { return; }

      var matches = utcTimestamp.match(/^([\d]{4})-([\d]{2})-([\d]{2}) ([\d]{2}):([\d]{2}):([\d]{2}) ?(?:Z|UTC|GMT(?:[+\-]00:?00))$/);
      if (matches == null) { return; }

      var date = new Date(
        Date.UTC(
          parseInt(matches[1], 10),
          parseInt(matches[2], 10) - 1,
          parseInt(matches[3], 10),
          parseInt(matches[4], 10),
          parseInt(matches[5], 10),
          parseInt(matches[6], 10)
        )
      );

      var newTimestamp = date.getFullYear() + "-"
                       + padNum(date.getMonth() + 1) + "-"
                       + padNum(date.getDate()) + " "
                       + padNum(date.getHours()) + ":"
                       + padNum(date.getMinutes()) + ":"
                       + padNum(date.getSeconds());


      $(this).attr("title", newTimestamp);
      if($(this).text().search(/(?:min|sec)s? ago/) == -1)
        $(this).text(newTimestamp);
    };

  });

*/

})();

/* Original post with older code
   meta.stackoverflow.com:80/questions/12635/greasemonkey-script-to-display-absolute-timestamps-in-local-time
   (accessed 20091003)

Here is a Greasemonkey script which allows relative timestamps (i.e. "2 minutes ago") to be shown in absolute timestamps.

Configuration

The following two flags at the top of the script can be configured.

//Note: if localize and changeHTML are both false, nothing will happen.
var localize   = true; //If true, the UTC timestamp will be localized.
                       //If false, will be left UTC.
var changeHTML = true; //If true, the relative timestamp (i.e. "2 minutes ago")
                       //         will be changed to an absolute timestamp.
                       //If false, only the tooltip will be updated.

Example:
    localize=F, changeHTML=F: No effect.
    localize=T, changeHTML=F: Relative timestamp is still shown, but tooltip shows absolute timestamp in local timezone.
    localize=F, changeHTML=T: Relative timestamp is replaced with UTC timestamp, tooltip still shows UTC timestamp.
    localize=T, changeHTML=T: Relative timestamp is replaced with local timestamp, tooltip shows local timestamp.

Script

// --UserScript--
// name           absolute local timestamps
// namespace      stackoverflow
// description    Converts relative timestamps to their absolute, localized timestamps
// include        http://stackoverflow.com/*
// include        http://meta.stackoverflow.com/*
// include        http://superuser.com/*
// include        http://serverfault.com/*
// --/UserScript--

// See more documentation at: http://meta.stackoverflow.com/questions/12635/

(function() {

  //CONFIGURATION START -------------------------------------------------------
  //Note: if localize and changeHTML are both false, nothing will happen.
  var localize   = true; //If true, the UTC timestamp will be localized.
                         //If false, will be left UTC.
  var changeHTML = true; //If true, the relative timestamp (i.e. "2 minutes ago")
                         //         will be changed to an absolute timestamp.
                         //If false, only the tooltip will be updated.
  //CONFIGURATION END ---------------------------------------------------------


  function GM_wait()
  {
    if(typeof unsafeWindow.jQuery == 'undefined') {
      window.setTimeout(GM_wait,100);
    } else {
      $ = unsafeWindow.jQuery;
      letsJQuery();
    }
  }
  GM_wait();
  function letsJQuery()
  {
    if(!localize && !changeHTML)
     return;

    var regex = new RegExp("^([\\d]{4})-([\\d]{2})-([\\d]{2}) ([\\d]{2}):([\\d]{2}):([\\d]{2})Z$");

    var updateTS = function() {
      var utcTimestamp = $(this).attr("title");
      var newTimestamp = utcTimestamp;
      var matches = regex.exec(utcTimestamp);
      if(matches != null)
      {
        if(localize)
        {
          var date = new Date(
            Date.UTC(
              parseInt(matches[1], 10),
              parseInt(matches[2], 10) - 1,
              parseInt(matches[3], 10),
              parseInt(matches[4], 10),
              parseInt(matches[5], 10),
              parseInt(matches[6], 10)
            )
          );

          var padNum = function (num) { return num < 10 ? "0"+num : num; }

          newTimestamp = date.getFullYear() + "-"
                       + padNum(date.getMonth() + 1) + "-"
                       + padNum(date.getDate()) + " "
                       + padNum(date.getHours()) + ":"
                       + padNum(date.getMinutes()) + ":"
                       + padNum(date.getSeconds());
        }
        $(this).attr("title", newTimestamp);
        if(changeHTML)
          $(this).text(newTimestamp);
      }
    };

    //NOTE: Could be more efficient.  Need Jeff to fix this bug first:
    //  http://meta.stackoverflow.com/questions/12640/
    $("span.relativetime").each(updateTS);
    $("span.comment-date>span").each(updateTS);
  }
})();

Change log

    2009.08.07: Was using getDay() instead of getDate() to get the day of month, resulted in incorrect day of month.
    2009.08.17: Updated to parse new timestamp format.
    2009.08.19: Made a little faster, still need this bug fixed to be ideal...

asked 2009 Aug 5 at 14:58
edited 2009 Aug 19 at 15:10
 Kip 5,960 *5*23
  meta.stackoverflow.com/users/18511/kip
   Raleigh, NC
   @kipthemediocre
   kiprobinson
   ampersand.space
   Member for 12 years
   Last seen 2020 Feb 27 at 21:56

*/