I've created this bower.json manifest to register the library in bower. The version is changed to 1.4.0 because I guest this, and previous commits, can generate a new release. The folders test and vendors are not required in production, so they are ignored and jquery is added as a dependency (due it's a jquery plugin) but I'm not sure about the minimal jquery version required.

Project website docs imply that the plugin will work as long as a datetime attribute is present with an ISO 8601 date, but in Chrome 51.0.2679.0 (Official Build) dev (64-bit), the plugin fails to replace the text UNLESS a <time> element is used. <span> doesn't work, for example. (Oddly, the plugin does set the @title attr, it just doesn't replace the value.) I spent a bunch of time trying to "debug" my code because I misunderstood the plugin's strong preference for <time> and <abbr> elements.

repro: http://codepen.io/jm3/pen/ZWLOoj

Having a symlink that points to its own directory is a problem for some scripts that recurse through every folder.

I had a specific problem where this caused Django's collectstatic management command to run into an infinite loop.

Currently it is hardcoded as browser current time, but it would be usefull to allow user specify that is current time (something like this http://gist.github.com/398904).

In my case it necessary because I have to display intervals like '2 seconds' ago and very often browser time is different from server time in couple of seconds. With this patch I can specify current time as server time and display correct intervals.

I'm using yarn, and yesterday I needed to add a new package. This was my package.json:

  "dependencies": {
    "bootstrap": "4.3.1",
    "jquery": "^3.2.1",
    "jqvmap": "^1.5.1",
    "odometer": "^0.4.8",
    "popper.js": "^1.14.7",
    "select2": "^4.0.6-rc.1",
    "simplelightbox": "^1.12.1",
    "timeago": "^1.6.5"
  }

This installed a new version of jQuery, the 3.4.0 version. It seems this version is incompatible with timeago.js since jQuery.timeago is undefined in developper tools.

I updated my dependencies with "jquery": "^3.2.1 <3.4.0", and it works again.

based on https://github.com/rmm5t/jquery-timeago/wiki/Tips#switch-between-time-ago-and-back made dates clickable, my user's aren't still happy.

so i tried to make that by default it's not turned on, so that click activates it:

    // jquery timeago
    var $timeago = $('abbr.timeago');
    // on click toggle between views
    var timeago_toggle = function () {
        var $el = $(this);
        var old = $el.attr('title');
        $el.attr('title', $el.text());
        $el.text(old);
    };

        // enable only on click
        $timeago.click(function () {
            $(this)
                .timeago()
                .unbind('click')
                .click(timeago_toggle);
        })

https://github.com/eventum/eventum/commit/91e4f66477c35c5c7c86cded76f5b9aca480057a

it works well, but tooltip now is supposed to show relative date, but instead it's iso6861 timestamp stright from html, which is rather ugly. so, do you have suggestion here or maybe add some kind of support for this?

I'm using the following ASP.NET MVC custom HtmlHelper I got from stackoverflow:

public static MvcHtmlString Timeago(this HtmlHelper helper, DateTime dateTime)
{
     var tag = new TagBuilder("abbr");
     tag.AddCssClass("timeago");
     tag.Attributes.Add("title", dateTime.ToString("s") + "Z");
     tag.SetInnerText(dateTime.ToString());

     return MvcHtmlString.Create(tag.ToString());
 }

I'm passing a datetime converted to UTC using dateTime.ToUniversalTime(). The helper is generating the following abbr tag:

<abbr title="2014-03-14T01:41:25Z" class="timeago">14/03/2014 01:41:25 a.m.</abbr>

The innex text is properly replaced by the "x ago", but the tooltip shows the full date in UTC instead of the client browser timezone.

What am I missing?

This pull request adds a new setting 'useUTC'. When set to true, the plugin uses current UTC datetime instead of local datetime. Very useful when the server provided timestamp is in UTC.

A nicer package manager: http://spmjs.io Documentation: http://spmjs.io/documentation

http://spmjs.io/package/jquery-timeago

It is a package manager based on Sea.js which is a popular module loader in China.

spmjs focus in browser side. We supply a complete lifecycle managment of package by using spm.

If you need ownership of jquery-timeago in spmjs, I can add it for your account after signing in http://spmjs.io.

Hi,

I needed the possibility to add the timestamp to the timeago string to have something like "Yesterday 10:28" so I added the distanceMillis to the substitute function. Here is my diff. Maybe you could integrate it or give me the right to commit.

@@ -62,23 +62,23 @@
       var days = hours / 24;
       var years = days / 365;

-      function substitute(stringOrFunction, number) {
-        var string = $.isFunction(stringOrFunction) ? stringOrFunction(number) : stringOrFunction;
+      function substitute(stringOrFunction, value, millis) {
+        var string = $.isFunction(stringOrFunction) ? stringOrFunction(value, millis) : stringOrFunction;
         var value = ($l.numbers && $l.numbers[number]) || number;
         return string.replace(/%d/i, value);
       }

-      var words = seconds < 45 && substitute($l.seconds, Math.round(seconds)) ||
-        seconds < 90 && substitute($l.minute, 1) ||
-        minutes < 45 && substitute($l.minutes, Math.round(minutes)) ||
-        minutes < 90 && substitute($l.hour, 1) ||
-        hours < 24 && substitute($l.hours, Math.round(hours)) ||
-        hours < 48 && substitute($l.day, 1) ||
-        days < 30 && substitute($l.days, Math.floor(days)) ||
-        days < 60 && substitute($l.month, 1) ||
-        days < 365 && substitute($l.months, Math.floor(days / 30)) ||
-        years < 2 && substitute($l.year, 1) ||
-        substitute($l.years, Math.floor(years));
+      var words = seconds < 45 && substitute($l.seconds, Math.round(seconds), distanceMillis) ||
+        seconds < 90 && substitute($l.minute, 1, distanceMillis) ||
+        minutes < 45 && substitute($l.minutes, Math.round(minutes), distanceMillis) ||
+        minutes < 90 && substitute($l.hour, 1, distanceMillis) ||
+        hours < 24 && substitute($l.hours, Math.round(hours), distanceMillis) ||
+        hours < 48 && substitute($l.day, 1, distanceMillis) ||
+        days < 30 && substitute($l.days, Math.floor(days), distanceMillis) ||
+        days < 60 && substitute($l.month, 1, distanceMillis) ||
+        days < 365 && substitute($l.months, Math.floor(days / 30), distanceMillis) ||
+        years < 2 && substitute($l.year, 1, distanceMillis) ||
+        substitute($l.years, Math.floor(years), distanceMillis);

       return $.trim([prefix, words, suffix].join(" "));
     },

After that I could add strings in this way:

day: function(value, millis) { return writeYesterday(millis, "gestern, %s Uhr"); },

the function looks like:

function writeYesterday(ms, str) {
        var writeDate = new Date(new Date().getTime() - ms);

        var returnStr = str.replace(/%s/i, fillDate(writeDate.getHours()) + ':' +
                                           fillDate(writeDate.getMinutes()));
        return returnStr;
    }

I open a project which is detached from my work.

The website is here. code saved from http://timeago.yarp.com/, and I add the code source here.

The website caused controversy, so open the issue for authorize, if not, I will remove it.

Hello.

I'd like to type the date in 'title' in english i.e.: title="July 17, 2008" and I'd like to add the translation for the name of the 12 months in a script, i.e. July: "Julho", as we have in locale files, so when I set up the locale to portuguese the user would get the date not as July 17, 2008 but Julho 17, 2008. Is there a way to do it?

Example

Best regards.

thats how i have done it:

jQuery.timeago(elm.spCreatedAt.toString())

and this is the value of elm.spCreatedAt:

spCreatedAt: date: "2020-10-01 13:38:15.000000" timezone: "Europe/Berlin" timezone_type: 3

JQuery has deprecated trim and isFunction methods.

Replace $.trim() with value.trim()..

$.trim(element.text()) becomes element.text().trim()

Replace $.isFunction(stringOrFunction) with typeof stringOrFunction === "function"

I personally don't like the format that toLocaleString() returns (24/10/2019 2:36:56).

It would be nice if there was an option to pass its options like dateStyle: 'long', timeStyle: 'short', etc.

e.g.

$.timeago.settings.LocaleFormat = {dateStyle: 'medium', timeStyle: 'short', hour12: true};
// $(this).attr("title", date.toLocaleString(undefined, $t.settings.LocaleFormat));

will show as Oct 8, 2019, 2:36 AM