>
 





For a couple of days, I have been working on finding the best-looking and the most customizable calendar and datepicker controls. Previously, I wrote about two calendar controls: iCal like Calendar with jQuery and FullCalendar - jQuery Event Calendar with Ajax.

jQuery UI provides abstractions for interaction and animation, advanced effects and themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.

The jQuery UI Datepicker is a highly configurable jQuery datepicker plugin. The date format and language can be formatted, the selectable date ranges  can be restricted and optional buttons and other navigation options can be added easily.

jQuery UI's Datpicker Plugin
jQuery UI's Datpicker Plugin

 

By default, the datepicker is tied to a standard form input field. Focus on the input opens an interactive calendar in a small overlay. Choosing a date, clicking elsewhere on the page or hitting the Esc key closes the control. If a date is chosen, feedback is shown as the input's value. It can also be used as an inline calendar, by simply attaching the datepicker to a div or span.

You can also use keyboard shortcuts to control the datepicker:


jQuery UI's Datpicker Plugin
jQuery UI's Datpicker Plugin enables multiple month display

 

The jQuery UI Datepicker plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. 


More details can be found here.

Want automatic updates? Subscribe to our RSS feed or
Get Email Updates sent directly to your inbox!

Currently rated 5.0 by 1 people

  • Currently 5/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5


Comments

November 6. 2009 12:12

jQuery Date Range Picker - An Easy to Implement jQuery Plugin

jQuery Date Range Picker - An Easy to Implement jQuery Plugin

Blogging Developer | Reply

November 6. 2009 16:23

Pingback from topsy.com

Twitter Trackbacks for
        
        jQuery Datepicker Plugin - Highly Configurable Datepicker from jQuery UI
        [bloggingdeveloper.com]
        on Topsy.com

topsy.com | Reply

November 6. 2009 17:26

Social comments and analytics for this post

This post was mentioned on Twitter by bloggingdev: jQuery Datepicker Plugin - Highly Configurable Datepicker from jQuery UI - http://su.pr/1mymIM

uberVU - social comments | Reply

November 27. 2009 10:19

Pingback from buytheworld7.com

jQuery Datepicker Plugin – Highly Configurable Datepicker from … | My Blog

buytheworld7.com | Reply

January 4. 2010 11:09

Pingback from resourcesmix.info

JQuery Plugins | Calendars, Date Picker and Time Formatting Plugins | ResourcesMix.info

resourcesmix.info | Reply

Add comment




(Will not be displayed!)