6 New AJAX and JavaScript Calendars and Timelines

PaulSpoerry | March 9, 2009

Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic.

Timeframe
A click-and-drag timeframe, with a function for defining ranges. A better calendar. Check out the demo here.

Create astonishing iCal-like calendars with jQuery
Similar to the iPhone Calendar application, with event description that shows up on mouse hover. The trickiest part is making your images seamless and using a single image for all the graphics whenever possible to decrease download time. Check out the demo here.

Dateslider
This element enables you to pick dates with a simple slider bar. By dragging the bar over the timeline, the dates change instantly. And when the user decides to manually change dates, the bar is automatically adjusted to the corresponding dates. Check out the demo here.

Elegant animated weekly timeline
This tutorial explains how to design an elegant and animated weekly timeline, with daily annotations, that you can customize and reuse quickly in your Web projects. Check out the demo here.

70 New, Useful AJAX And JavaScript Techniques

Unobtrusive datePicker widget
This unobtrusive datePicker (calendar), which is accessible using the keyboard, requires no embedded JavaScript blocks, uses no pop-up windows and is suitable for use within documents served as application/XHTML+XML. Check out the demo here.

Date Picker
Date Picker jQuery plug-in allows users to select a date or range of dates easily. It includes a lot of options: multiple calendars; single, multiple and range selection; marking of special, weekend and special dates; an easy-to-customize look via CSS; custom day to start the week, a fit with the viewport.