Chapter 7. The Datepicker Widget

The jQuery UI datepicker widget is probably the most refined and documented widget found in jQuery library. It has the biggest Application programming interface (API) and probably provides the most functionality out of all the widgets. It not only works completely out of the box, but is also highly configurable and robust.

Quite simply, the datepicker widget provides an interface that allows visitors of your site or application to select dates. Wherever a form field is required that asks for a date to be entered, the datepicker widget can be added. This means your visitors get to use an attractive and engaging widget, and you get dates in the format in which you expect them.

In this section, we will look at the following topics:

• The default datepicker implementation

• Exploring the configurable options

• Implementing a trigger button

• Configuring alternative animations

• The dateFormat option

• Easy localization

• Multiple month datepickers

• Data-range selection

• Datepicker widget...