From 02c22e619602bfc09b8355b730baabbb1ef13206 Mon Sep 17 00:00:00 2001 From: Keith Wood Date: Fri, 2 Jan 2009 02:10:06 +0000 Subject: Additional datepicker demonstrations --- demos/datepicker/alt_field.html | 33 +++++++++++ demos/datepicker/date_formats.html | 40 +++++++++++++ demos/datepicker/icon_trigger.html | 33 +++++++++++ demos/datepicker/index.html | 7 ++- demos/datepicker/localisation.html | 113 +++++++++++++++++++++++++++++++++++++ demos/datepicker/min_max.html | 34 +++++++++++ 6 files changed, 259 insertions(+), 1 deletion(-) create mode 100644 demos/datepicker/alt_field.html create mode 100644 demos/datepicker/date_formats.html create mode 100644 demos/datepicker/icon_trigger.html create mode 100644 demos/datepicker/localisation.html create mode 100644 demos/datepicker/min_max.html (limited to 'demos/datepicker') diff --git a/demos/datepicker/alt_field.html b/demos/datepicker/alt_field.html new file mode 100644 index 000000000..70108a194 --- /dev/null +++ b/demos/datepicker/alt_field.html @@ -0,0 +1,33 @@ + + + + jQuery UI Datepicker - Alternate Field + + + + + + + + + +
+ +

Date:  

+ +
+ +
+ +

The datepicker can populate an alternate field, with its own format, whenever a date is selected. + This feature might be used to present a human-friendly date for user selection, + while passing a more computer-friendly date through for further processing.

+ +
+ + + diff --git a/demos/datepicker/date_formats.html b/demos/datepicker/date_formats.html new file mode 100644 index 000000000..2e4decf1a --- /dev/null +++ b/demos/datepicker/date_formats.html @@ -0,0 +1,40 @@ + + + + jQuery UI Datepicker - Date Formats + + + + + + + + + +
+ +

Date:   +

+ +
+ +
+ +

The datepicker may present the selected date in a variety of formats.

+ +
+ + + diff --git a/demos/datepicker/icon_trigger.html b/demos/datepicker/icon_trigger.html new file mode 100644 index 000000000..29afcfcd6 --- /dev/null +++ b/demos/datepicker/icon_trigger.html @@ -0,0 +1,33 @@ + + + + jQuery UI Datepicker - Icon Trigger + + + + + + + + + +
+ +

Date:

+ +
+ +
+ +

This datepicker is triggered by clicking on the icon following the field, + instead of the field gaining focus. You can also set the datepicker to + open in both cases.

+ +
+ + + diff --git a/demos/datepicker/index.html b/demos/datepicker/index.html index 22dbc13a1..28cf654e4 100644 --- a/demos/datepicker/index.html +++ b/demos/datepicker/index.html @@ -9,11 +9,16 @@

Examples

diff --git a/demos/datepicker/localisation.html b/demos/datepicker/localisation.html new file mode 100644 index 000000000..75ff585ab --- /dev/null +++ b/demos/datepicker/localisation.html @@ -0,0 +1,113 @@ + + + + jQuery UI Datepicker - Localisation + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +

Date:   +

+ +
+ +
+ +

The datepicker may be localised for other languages and date preferences. + There is built-in support for languages that read right-to-left, such as Arabic and Hebrew.

+ +
+ + + diff --git a/demos/datepicker/min_max.html b/demos/datepicker/min_max.html new file mode 100644 index 000000000..2287cd93b --- /dev/null +++ b/demos/datepicker/min_max.html @@ -0,0 +1,34 @@ + + + + jQuery UI Datepicker - Minimum and Maximum + + + + + + + + + +
+ +

Date:

+ +
+ +
+ +

The datepicker may have a minimum and/or maximum date set to restrict the range of possible dates. + These dates may be set as actual dates (new Date(2009, 1 - 1, 26)), as a numeric offset from + today (-20), or as a string of periods and units ('+1M +10D'). For the last, use 'D' for days, + 'W' for weeks, 'M' for months, or 'Y' for years.

+ +
+ + + -- cgit v1.2.3