Control the positioning of a popup datepicker via the myPosition and
+ atPosition options, which tie into the Position plugin.
+ The default is "left top" to "left bottom" (or both right if a right-to-left language).
Populate an alternate field with its own date format whenever a date is selected using the altField and altFormat options. This feature could be used to present a human-friendly date for user selection, while passing a more computer-friendly date through for further processing.
+
Populate an alternate field with its own date format whenever a date is selected using the
+ altField and altFormat options. This feature could be used to
+ present a human-friendly date for user selection, while passing a more computer-friendly
+ date through for further processing.
Display a button for selecting Today's date and a Done button for closing the calendar with the boolean showButtonPanel option. Each button is enabled by default when the bar is displayed, but can be turned off with additional options. Button text is customizable.
+
Display a button for selecting Today's date and a Close button for closing the calendar
+ by changing the renderer option to the buttonsRenderer.
+ Button text is customizable.
Change the content of an individual date via the onDate callback.
+ Return an object for each date with content set.
+ In this case it includes the day of the year.
Change the selectability of an individual date via the onDate callback.
+ Return an object for each date with selectable set appropriately.
+ Here the built-in noWeekends function is used to prevent selection
+ of days on weekends - available in the
+ jquery.ui.datepicker.ext.js module.
Change the style of an individual date via the onDate callback.
+ Return an object for each date with dateClass set and apply the corresponding CSS styling.
Display date feedback in a variety of ways. Choose a date format from the dropdown, then click on the input and select a date to see it in that format.
+
Display date feedback in a variety of ways. Choose a date format from the dropdown,
+ then click on the input and select a date to see it in that format.
Extend the datepicker to send callbacks when hovering over a date by wrapping your function
+ in the built-in hoverCallback and assigning it to the onShow option -
+ available in the jquery.ui.datepicker.ext.js module.
Set an initial date to display when no other date has been selected with the
+ defaultDate option. Set this as an actual date (new Date(2010, 1 - 1, 1)),
+ as a numeric offset from today (-20), or as a string of periods and units ('+1M +10D')
+ offset from today. For the last, use 'D' for days, 'W' for weeks, 'M' for months,
+ or 'Y' for years. The default is to display today.
The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.
+
The datepicker is tied to a standard form input field. Focus on the input
+ (click, or use the tab key) to open an interactive calendar in a small overlay.
+ Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close.
+ If a date is chosen, feedback is shown as the input's value.
Show month and year dropdowns in place of the static month/year header to facilitate navigation through large timeframes. Add the boolean changeMonth and changeYear options.
+
Show month and year dropdowns in place of the static month/year header to facilitate
+ navigation through large timeframes by adding the boolean changeMonth option.
+ Control which years are shown in the year drop-down via the yearRange option.
+ Note that this option only restricts what appears within the drop-down. You must use
+ the minDate and maxDate options to impose limits on the
+ actual dates that may be selected.
React to events within the datepicker such as when a new month is shown (changeMonthYear),
+ when a date is selected (select), or when the popup is closed (close).
+ Alternately, you can bind to these events by prefixing their name with 'datepicker'.