Timeframe, by Stephen Celis

Click-draggable. Range-makeable. A better calendar.

Click here for the example.

The code:


      new Timeframe(element, options);

Options available:

Localization:

Drop in a localized version of Datejs, and it should just work. An added bonus is that the text fields will live-parse more nicely! Just try “next tues.”

Notes:

I’m just sick of multiple date pickers on the same page.

An example:

A little bit slow in IE. Optimizations forthcoming.
Try Safari for the best experience.

Please select a date range below:

Embarkation and return (reset):

–

Generated from this code (see the source for more detail):

Contribution:

Timeframe is open source and available for forking, pushing, and pulling at Github:

http://github.com/stephencelis/timeframe

If you find Timeframe useful, please feel free to leave a donation:

Thanks:

Justin Palmer (“Caged”)
Nik Wakelin (“codetocustomer”)
S�bastien Grosjean (“ZenCocoon”)

Contact:

Contact me with questions/comments at .

Learn more about me at stephencelis.com.