From 02c22e619602bfc09b8355b730baabbb1ef13206 Mon Sep 17 00:00:00 2001 From: Keith Wood Date: Fri, 2 Jan 2009 02:10:06 +0000 Subject: [PATCH] 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 +++++++++ demos/images/calendar.gif | Bin 0 -> 269 bytes 7 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 create mode 100644 demos/images/calendar.gif 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 0000000000000000000000000000000000000000..d0abaa7c0b892e781b6f553453a0027efea014b9 GIT binary patch literal 269 zcmZ?wbhEHb6kyoJ#dt% zaYstuiRe5}O|8;NEA%ba6j)5k7TbN(gNwC&D)Y{1Cu2PhDy(ymnp7_1Ai(k{X>FbJ zg$yQ1aX#U+v{)u7c4kS5=DdO;0Y*k<=8BdGnYaWYcOkak83LIJ0`39}`h<8zSFc^O QT3n!+Z|k=0I}{nL0T`orxBvhE literal 0 HcmV?d00001