From: Keith Wood Date: Fri, 2 Jan 2009 02:10:06 +0000 (+0000) Subject: Additional datepicker demonstrations X-Git-Tag: 1.6rc5~151 X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=02c22e619602bfc09b8355b730baabbb1ef13206;p=jquery-ui.git Additional datepicker demonstrations --- 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.

+ +
+ + + diff --git a/demos/images/calendar.gif b/demos/images/calendar.gif new file mode 100644 index 000000000..d0abaa7c0 Binary files /dev/null and b/demos/images/calendar.gif differ