diff --git a/demos/datepicker/buttonbar.html b/demos/datepicker/buttonbar.html index 69f645634..af9e17306 100644 --- a/demos/datepicker/buttonbar.html +++ b/demos/datepicker/buttonbar.html @@ -15,9 +15,20 @@ +

Date:

+
+ + + +
+ +

This example adds a bar at the bottom of the calendar with buttons for selecting Today's date and a Done button for closing the calendar. The individual buttons are on by default if the bar is added but each can be turned off via options. The button text is customizable.

+ +
+ diff --git a/demos/datepicker/default.html b/demos/datepicker/default.html index e3fb22208..c4efbb4ec 100644 --- a/demos/datepicker/default.html +++ b/demos/datepicker/default.html @@ -15,7 +15,19 @@ +
+ Date: +
+ + + +
+ +

This is a default datepicker which is tied to a standard form input. The calendar opens in a small overlay onFocus and closes automatically onBlur if a date if selected.

+ +
+ diff --git a/demos/datepicker/dropdown_month_year.html b/demos/datepicker/dropdown_month_year.html index b5f7baa6e..6085137c4 100644 --- a/demos/datepicker/dropdown_month_year.html +++ b/demos/datepicker/dropdown_month_year.html @@ -15,9 +15,19 @@ +

Date:

+
+ + + +
+ +

This datepicker has an optional month and year dropdown added to make it easier to navigate through large timeframes. This is done by adding the changeMonth:true and changeYear:true options.

+ +
diff --git a/demos/datepicker/inline.html b/demos/datepicker/inline.html index 0221bfbbf..2ff26e32e 100644 --- a/demos/datepicker/inline.html +++ b/demos/datepicker/inline.html @@ -1,7 +1,7 @@ - jQuery UI Datepicker - Default Demo + jQuery UI Datepicker - Inline Demo @@ -16,7 +16,19 @@ +
+ Date:
+
+ + + +
+ +

This is an example of an inline date picker that is embedded in the page instead of opening in an overlay. This is done by calling .datepicker() in a div instead of an input.

+ +
+ diff --git a/demos/datepicker/multiple_calendars.html b/demos/datepicker/multiple_calendars.html index 2b4cf573a..542ff7ebe 100644 --- a/demos/datepicker/multiple_calendars.html +++ b/demos/datepicker/multiple_calendars.html @@ -9,15 +9,25 @@ +

Date:

+
+ + + +
+ +

This datepicker shows two months at a time by setting the numberOfMonths option to 2. This can be set to any number that will fit within your layout. The multiple calendars are used to make it easier to visually scan across months and make a selection. This is not a date range picker. In a future release, a custom date range plugin will be added. For users that want to use the old date range picker built into the datepicker, they must use the previous version of this plug.

+ +