Many online social products, and more continue to, avoid a formal timestamp format... 2009-10-10 23:14:17 and Thu, October 29, 2004 12:14:19 PM ... opting for more user friendly, "warm and fuzzy," human-readable styles... 9 days ago and 5 years ago. As a result, the time has come for the jQuery CuteTime plugin. CuteTime goes beyond similar tools and lets you easily: convert timestamps to 'cuter' language-styled forms (e.g. yesterday, 2 hours ago, last year, in the future!), customize the time scales and output formatting, and dynamically update the displayed CuteTime(s) upon request and/or automatically. This latest update brings CuteTime into compliance with HTML5 and more!

I am happy to announce the latest version of the CuteTime jQuery plugin.

CuteTime provides the ability to easily…

convert timestamps to ‘cuter’ language-styled forms (e.g. yesterday, 2 hours ago, last year, in the future!),

customize the time scales and output formatting, and

dynamically update the displayed CuteTime(s) upon request and/or automatically.

There was some excellent feedback from many of you following the initial release of CuteTime. And much of that feedback has been incorporated into this release.

Changes to Version 1.0.5…

updated the ‘cutetime’ attribute to use HTML 5 compliant ‘data-timestamp’ custom attribute

updates to settings are now non-constructive

added translations.txt to the bundle to store all contributed translations of the cuteness translations (special thanks to Vincent Rolfs for providing the first translation, German)

minified version now compiled using YUI Compressor

CuteTime is a customizable jQuery plugin that automatically converts timestamps to formats much cuter. Also has the ability to dynamically re-update and/or automatically update timestamps on a controlled interval.

If used by Selector, replaces the text of the provided object with a cuteTime. If used as a function, returns a string containing a cuteTime version of the provided timestamp.

Implementation

$('.timestamp').cuteTime(); $('.timestamp').cuteTime({ /* OPTIONS * / }); cutetime_object = $('.timestamp').cuteTime(); cutetime_object.update_cuteness(); $.cuteTime('2009/10/12 22:11:19');

For more details about CuteTime and its implementation, visit https://tpgblog.com/CuteTime

Enjoy!

Jeremy Horn

The Product Guy

Add to Social Bookmarks: