Click here to Skip to main content
15,354,956 members
Articles / Web Development / ASP.NET
Technical Blog
Posted 4 May 2014

Stats

14.3K views
13 bookmarked

How To Convert Date Time to “X minutes ago” in jQuery

Rate me:
Please Sign up or sign in to vote.
4.76/5 (12 votes)
5 May 2014CPOL
How to convert date time to "X minutes ago" in jQuery

Today, I found a nice plugin with the help of which you can convert any date time on your HTML page to something similar to Gmail/Facebook updates – “5 minutes ago” or “a day ago”. The best part of this plugin is it auto updates the minutes as you’re on the webpage. So, if you have opened the page now and the date shows “1 minute ago”, after 5 minutes the same date will auto update to “6 minutes ago”. In this post, we will see how this plugin works and write a simple HTML using the plugin.

To start with, you can download the timeago plugin from here. This plugin depends on jquery so the very first thing is to include jQuery in our code and then the plugin JavaScript.

HTML
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="jquery.timeago.js"></script>

Once the plugin files are loaded, you can use the plugin’s timeago() function in any of the following ways:

JavaScript
var date = $.timeago(new Date()); //Displays 'less than a minute ago'
var date = $.timeago('2014-05-04'); //Displays 'a day ago'

You can also call the timeago() function on a specific class on your page as below:

JavaScript
//This will modify the date time on all elements having class as 'time'
$(document).ready(function(){
   $(".time").timeago();
});

Keep learning and sharing! Cheers!

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Nitesh Kejriwal
Founder Rebin Infotech
India India
A passionate developer with over 10 years of experience and building my software company code by code. Experience withMS Technologies like .Net | MVC | Xamarin | Sharepoint | MS Project Server and PhP along with open source CMS Systems like Wordpress/DotNetNuke etc.

Love to debug problems and solve them. I love writing articles on my website in my spare time. Please visit my Website for more details and subscribe to get technology related tips/tricks. #SOreadytohelp

Comments and Discussions

 
GeneralShorter and simpler Pin
Gaurav Aroraa27-Oct-14 10:32
professionalGaurav Aroraa27-Oct-14 10:32 
GeneralRe: Shorter and simpler Pin
Nitesh Kejriwal30-Oct-14 17:34
professionalNitesh Kejriwal30-Oct-14 17:34 
Questionnon jquery version? Pin
cpGlenn6-May-14 17:54
MembercpGlenn6-May-14 17:54 
AnswerRe: non jquery version? Pin
Nitesh Kejriwal6-May-14 18:02
professionalNitesh Kejriwal6-May-14 18:02 
AnswerRe: non jquery version? Pin
Nitesh Kejriwal7-May-14 18:14
professionalNitesh Kejriwal7-May-14 18:14 
GeneralRe: non jquery version? Pin
cpGlenn7-May-14 18:22
MembercpGlenn7-May-14 18:22 
GeneralRe: non jquery version? Pin
Nitesh Kejriwal7-May-14 19:04
professionalNitesh Kejriwal7-May-14 19:04 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.