[Design Pattern] Sliding Date Picker

Eric Dalquist eric.dalquist at doit.wisc.edu
Thu Jan 24 15:37:30 UTC 2008


For an example of something like this on a commercial site: 
http://finance.google.com/finance?q=.DJI%20.IXIC%20.INX They use it for 
exactly what you're thinking, a way to select a range of dates. Also the 
Simile project at MIT uses something similar as a data display 
technology: http://simile.mit.edu/timeline/ (they have lots of fun stuff 
to play with on that site).

-Eric

Jonathan Hung wrote:
> Interesting!
>
> I was trying to think of an application for thus component since I 
> have never seen it used in commercial software I've used. But after 
> some thought I think this kind of UI component would be great for 
> filtering data in a table or list.
>
> Not only useful for filtering dates, you can also filter textual data 
> as well such as names (select the "Student Name" column of and filter 
> for only names beginning with E to G), and filtering for numerical 
> values ( i.e. filter images in the Gallery that have pixel width 
> between 800 to 1280 pixels, thus filtering out anything larger because 
> it won't fit nicely into the screen). This would imply that the slider 
> would dynamically change what it is filtering depending on what column 
> is selected in the table.
>
> I think the greatness lies in applications beyond dates, but help 
> filter data that is in a sequential order.
>
>
>
> On 23/01/2008, *Eli Cochran* <eli at media.berkeley.edu 
> <mailto:eli at media.berkeley.edu>> wrote:
>
>     Here is a great date picker design pattern. It's worth playing
>     around with.
>
>     http://ajaxorized.com/introducing-the-sliding-date-picker/
>
>
>
>
>     . . . . . . . . . . .  .  .   .    .      .         .            
>      .                     .
>
>     Eli Cochran
>     user interaction developer
>     ETS, UC Berkeley
>
>
>
>     _______________________________________________
>     fluid-work mailing list
>     fluid-work at fluidproject.org <mailto:fluid-work at fluidproject.org>
>     http://fluidproject.org/mailman/listinfo/fluid-work
>
>
>
>
> -- 
> Jonathan Hung / jonathan.hung at utoronto.ca 
> <mailto:jonathan.hung at utoronto.ca>
> University of Toronto - ATRC
> Tel: (416) 946-3002
> ------------------------------------------------------------------------
>
> _______________________________________________
> fluid-work mailing list
> fluid-work at fluidproject.org
> http://fluidproject.org/mailman/listinfo/fluid-work
>   
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://fluidproject.org/pipermail/fluid-work/attachments/20080124/ebf8c29a/attachment.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: not available
Type: image/jpeg
Size: 9331 bytes
Desc: not available
URL: <http://fluidproject.org/pipermail/fluid-work/attachments/20080124/ebf8c29a/attachment.jpe>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: smime.p7s
Type: application/x-pkcs7-signature
Size: 3336 bytes
Desc: S/MIME Cryptographic Signature
URL: <http://fluidproject.org/pipermail/fluid-work/attachments/20080124/ebf8c29a/attachment.bin>


More information about the fluid-work mailing list