pragmaticly / smart-time-ago Goto Github PK

Hi

Ways mentioned in the documentation/website are wrong to set default options. Because if you do this

$.fn.timeago.defaults = {
selector: 'time.timeago',
attr: 'datetime',
dir: 'up',
suffix: 'ago'
};

this will replace whole default options written in the pluggin.js file.
You have to manually change single item like

$.fn.timeago.defaults.selector = 'abbr.timeago';
$.fn.timeago.defaults.attr = 'title';

This will do the trick.

Secondly

If you change the direction to down and suffix to "from now" like mentioned on the website. This doesn't change any suffix at all. Becuase in plugin js file you are getting the suffix information from the "options.lang.suffix"

To fix this either pass the suffix like

element.timeago({
dir: 'down',
lang : {
suffix: 'from now'
}
});

but this will cause another problem because the extend you use in plugin is not recursive. You also have to change this and pass true as first argument.

TimeAgo.prototype.init = function(element, options) {
this.$element = $(element);
this.options = $.extend(true, {}, $.fn.timeago.defaults, options);
this.updateTime();
return this.startTimer();
};

Or you can change the plugin to change the location of suffix. Instead of taking this from lang you can place it outside lang.

Or you can add a separate prefix for future tense

I had a time stamp that was from 5 minutes ago, but the script output gave me "2 hours ago". My local time zone is UTC+2, so for me I have had to change the source code of the timeago.js file to output the correct time. Would it not be better to have this as a setting which can be overridden if required?

I need to show the timeago every time I enter the page, not wait until 1 second later. Is there a function to force update?

Thanks!

Great library! Structured so much nicer than jquery-timeago for single-page js apps in terms of memory usage, etc.

Feature request: support the formatting of future dates like "in 2 months".

• Either something like the allowFuture option from jquery-timeago (although I think it should be on by default)
• Or a built-in way to use Moment.js fromNow for the duration formatting. I'm currently doing it this way:

$.fn.timeago.Constructor.prototype.timeAgoInWords = function(timeString) {
    return moment(timeString).fromNow();
};

I'm using the plugin in a rather dynamic application with many items being added and removed from the DOM. When I add a time item I initialize it with:

this.children('.timeago').timeago();

I'm wondering however how should I go about destroying the listeners and unbinding the plugin. After a first look there's no destroy method available.

Thanks!

我在$.fn.timeago.defaults 设置了lang: 'zh-cn'，但是没有效果。尝试过把timeago.js中的文件中defaults中的英文修改为中文。但还是无效。请问，我应该如何修改

I like the idea of just having to initialize $('body').timeago(); one time globally and then it keeps track of everything automatically but that only seems to work in a limited manner.
I know there is $('body').timeago('refresh'); for scenarios I am talking about but I seem to having issue with my ember.js app (see http://emberjs.com ), which also doesn't seem to be too easy to solve on the ember-side alone.
Basically I have a full JS frontend app, which dynamically loads data from an API. And that is where the issue starts: We have a user-profile, which dynamically loads timestamps from the server for posts. Ember.js doesn't seem to have an event-hook for when it populates the 'datetime' attribute.

To cut straight to the chase, would it be possible to implement some observer that automatically keeps track of programatically inserted/changed attributes at an unknown time?
I would obviously be willing to help, but I am also not quite sure how much time I will have available to do this all by myself.

The things I have found so far, if you are interested:
http://darcyclarke.me/development/detect-attribute-changes-with-jquery/
http://stackoverflow.com/questions/4561845/firing-event-on-dom-attribute-change

https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Events/Mutation_events
https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver?redirectlocale=en-US&redirectslug=DOM%2FMutationObserver

http://www.w3.org/TR/DOM-Level-3-Events/

At some of these implementations I am worried about performance (with the setInterval implementation). But in any case, let me know what you think and if I should look a bit more into it.

The problem with this TimeAgo technology is that it doesn't support future time ... for example I wanted to add a future time for a coupon code expiration, when I use TimeAgo in this case it says about {X} time (AGO).
Is there anything I can do to fix it?
Thanks

It'd be nice if we could automatically capitalize the word "about" if it appears.

Hello,

What about all the other variables used in the original jquery.timego, like prefixAgo, prefixFromNow ?
How con you implement that ?
You should note that some languages, other than English, use different grammar/semantics when building sentences.

thanks

Any chance to use server time instead of client time?
If server or user clock is off, results will look weird, i.e. '4 minutes ago' just after entry was created.

https://github.com/pragmaticly/smart-time-ago/blob/master/src/timeago.coffee#L122

showSeconds: true

这个参数好使吗？

(function() {

$.fn.timeago.defaults.lang = {
units: {
second: "秒",
seconds: "秒",
minute: "分钟",
minutes: "分钟",
hour: "小时",
hours: "小时",
day: "天",
days: "天",
month: "月",
months: "月",
year: "年",
years: "年"
},
prefixes: {
lt: "不到 1",
about: "大约",
over: "超过",
almost: "接近",
ago: ""
},
suffix: "之前",
now: '刚刚'
};

}).call(this);

It's considered good practice to use jQuery.noConflict() in case other libraries use $ on window. This library should either define $ as a local variable within its closure and assign it jQuery or it should just use jQuery everywhere.

The easiest solution would be to simply add $ = jQuery at the top of the main file.

Hi,
Thanks @poiyzy for this awesome jquery plugin 👍
Sorry for my bad english :(

Is it possible to convert a datetime to full timeago like this
2015-01-25 03:37:46 to "2 months, one day, 5 hours and 10 minutes ago"

now it only convert 2015-01-25 03:37:46 to "2 months ago"

Thanks

In french, we would say "ago 2 hours" (il y a 2 heures).
Could you provide an option to allow this please ?

Danish locale file:

  $.fn.timeago.defaults.lang = {
    units: {
      second: "sekund",
      seconds: "sekunder",
      minute: "minut",
      minutes: "minutter",
      hour: "time",
      hours: "timer",
      day: "dag",
      days: "dage",
      month: "måned",
      months: "måneder",
      year: "år",
      years: "år"
    },
    prefixes: {
      lt: "mindre end",
      about: "ca.",
      over: "over",
      almost: "næsten",
      ago: ""
    },
    suffix: " siden"
  };