Ext.fc.fuzzyDate - a nice way to present date and time

[francodacosta]

About

The FuzzyDate plugin was inspired by the TimeAgo plugin for jQuery . I needed something similar for ExtJs. Since i didn't find it I decided to build one for ExtJs.

The ideia is instead of showing a timestamp to the user show a more friendly message like one hour ago or 3 months from now

Features

• Updates timestamps automatically, avoiding timestamps dated "1 minute ago" even though the page was opened 10 minutes ago
• Multiple languages supported
• Fully Customizable
• You can define several date formats that will be used to convert the date string to an Ext Date object
• if don't need automatic updates neither want to have it atached to an element you can simply get the translated date with the translate() function

Download

http://francodacosta.com/demos/extjs/fuzzydate/


Cheers

Nuno

[BIS]

thnx for sharing,

i once stumbled on this and it certainly impressed me
thnx for porting this nice widget


+1

[MD]

Awesome! A perfect fit with TwitterPanel ux

[dawesi]

Sweet... this will great for last login wording!!

@MD... ah so sad... please don't degrade Ext to use with Flutter... er twitter!

[francodacosta]

Awesome! A perfect fit with TwitterPanel ux

Sweet... this will great for last login wording!!

@MD... ah so sad... please don't degrade Ext to use with Flutter... er twitter!

I'm glad you liked it

[steffenk]

Awesome! A perfect fit with TwitterPanel ux

Hi - wondering, i didn't see that. I just write a twitter ux as i used it in my applications (TYPO3), it's like this: http://dev.sk-typo3.de/cetest/web-widgets/twitter.html

@francodacosta thx, i will test. One problem i see is the localization. This is a tricky one.

[Dumbledore]

something is wrong here...

When i try following sample:

       var f = new Ext.fc.fuzzyDate();
       alert ( f.translate('2009-12-25') );

firebug says : TypeError: options is undefined Line 176

is options a required parameter when use translate()?

Bye, Dumbledore

[francodacosta]

Hi Dumbledore,

options should be optional


just add this after line 175

if(!options) options = processOptions({}) ;


cheers

[Dumbledore]

is it possible to make a config a la:

show me fuzzydates about now - 3 month, else show normal dates?

Bye, Dumbledore

[Dumbledore]

i change the translate function to this:

,
translate: function(str, options) {
    var opt = {};
    Ext.apply(opt, options, processOptions({}));

    var d = parseDate(str, opt.dateFormats);
    if (d) {
        return (dateTimeToString(d, opt));
    } else {
        if (opt.onErrorWriteTitle) return (str);
    }
    return false;
}

so it is possible to set only a small set of options like the translation. In the original i must set all options...
Perhaps it helps...


Bye Dumbledore