Converting a date into a description in JavaScript

Question

I want to compare a date (like Tue, 04 Nov 2014 04:02:59 -0800) with the current date and display as below:

a few seconds ago
10 minutes ago
2 days ago
1 month ago
etc.

What is the most efficient way to do this in JavaScript/jQuery?

Checkout the answer here should help you out stackoverflow.com/a/16465436/1370442 — Luke Baughan
– Luke Baughan, Commented Nov 4, 2014 at 14:06
@bUKaneer I think that question is the reverse of this one. OP there are plenty of plugins that will do this, E.g: timeago.yarp.com — George
– George, Commented Nov 4, 2014 at 14:07
Another plugin which I really like is MomentJS, by far the most advanced plugin I have found. Supports lots of languages too: momentjs.com — JKaan
– JKaan, Commented Nov 4, 2014 at 14:10
@DevlshOne "-1 for not showing any attempt to solve your own problem" please, know that new users might not know exactly what's a -1 and neither how to properly format a Question. Have patience and point OP to the right direction :) — Roko C. Buljan
– Roko C. Buljan, Commented Nov 4, 2014 at 15:01

Roko C. Buljan · Accepted Answer · 2014-11-05 00:50:21Z

2

I've created something that might be useful.

function timeAgo(dateString){
  var postDate = new Date(dateString),
      now = new Date(),
      dif = now - postDate, // ms
      s   = Math.floor(dif/1000),
      m   = Math.floor(s/60),
      h   = Math.floor(m/60),
      d   = Math.floor(h/24),
      M   = now.getMonth() - postDate.getMonth(),
      y   = new Date(dif).getFullYear() - 1970,
      t   = ["year","month","day","hour","minute","second"],
      a   = [y,M,d,h,m,s];
  for(var i in a) if(a[i]) {a=a[i]; t=t[i]; break;}
  return a +" "+ (a>1?t+"s":t) +" ago";
}


alert("This post was created "+  timeAgo("Tue, 04 Nov 2014 16:44:07 +0100") );

Returns this examples

6 seconds ago
1 minute ago
9 hours ago
12 days ago
1 month ago
2 years ago

edited Nov 5, 2014 at 0:50

answered Nov 4, 2014 at 15:44

Roko C. Buljan

209k41 gold badges335 silver badges346 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kevin · Accepted Answer · 2014-11-05 01:01:29Z

0

If you're already using jQuery, I'd recommend taking a look at Moment.js. It's the best date library I've been able to find so far. You can take advantage of the fromNow() function which will give you the output you're looking for.

Take a look at the fiddle

var data = '',
    date = new Date();

date.setYear(2012);
data += moment(date).fromNow() + "<br />";

date.setYear(2016);
data += moment(date).fromNow() + "<br />";

date.setYear(2014);
data += moment(date).fromNow() + "<br />";

$('#output').html(data);

<script src="http://momentjs.com/downloads/moment.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id='output'></div>

answered Nov 5, 2014 at 1:01

Kevin

2,8221 gold badge26 silver badges46 bronze badges

Collectives™ on Stack Overflow

Converting a date into a description in JavaScript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related