jQuery UI Datepicker - Populate alternate field

From 75ad7e4bd7d69243e7e5281c2642f00478fb072d Mon Sep 17 00:00:00 2001 From: Filipp Lepalaan Date: Wed, 19 Feb 2014 18:02:09 +0200 Subject: Added tags, jquery UI --- .../static/js/ui/demos/datepicker/alt-field.html | 29 ++++++++++++ .../static/js/ui/demos/datepicker/animation.html | 51 +++++++++++++++++++++ .../static/js/ui/demos/datepicker/buttonbar.html | 28 +++++++++++ .../js/ui/demos/datepicker/date-formats.html | 40 ++++++++++++++++ .../static/js/ui/demos/datepicker/date-range.html | 44 ++++++++++++++++++ apps/it/static/js/ui/demos/datepicker/default.html | 26 +++++++++++ .../ui/demos/datepicker/dropdown-month-year.html | 29 ++++++++++++ .../js/ui/demos/datepicker/icon-trigger.html | 30 ++++++++++++ .../js/ui/demos/datepicker/images/calendar.gif | Bin 0 -> 269 bytes apps/it/static/js/ui/demos/datepicker/index.html | 27 +++++++++++ apps/it/static/js/ui/demos/datepicker/inline.html | 26 +++++++++++ .../ui/demos/datepicker/jquery.ui.datepicker-ar.js | 23 ++++++++++ .../ui/demos/datepicker/jquery.ui.datepicker-fr.js | 25 ++++++++++ .../ui/demos/datepicker/jquery.ui.datepicker-he.js | 23 ++++++++++ .../demos/datepicker/jquery.ui.datepicker-zh-TW.js | 23 ++++++++++ .../js/ui/demos/datepicker/localization.html | 41 +++++++++++++++++ apps/it/static/js/ui/demos/datepicker/min-max.html | 26 +++++++++++ .../js/ui/demos/datepicker/multiple-calendars.html | 29 ++++++++++++ .../js/ui/demos/datepicker/other-months.html | 30 ++++++++++++ .../static/js/ui/demos/datepicker/show-week.html | 32 +++++++++++++ 20 files changed, 582 insertions(+) create mode 100644 apps/it/static/js/ui/demos/datepicker/alt-field.html create mode 100644 apps/it/static/js/ui/demos/datepicker/animation.html create mode 100644 apps/it/static/js/ui/demos/datepicker/buttonbar.html create mode 100644 apps/it/static/js/ui/demos/datepicker/date-formats.html create mode 100644 apps/it/static/js/ui/demos/datepicker/date-range.html create mode 100644 apps/it/static/js/ui/demos/datepicker/default.html create mode 100644 apps/it/static/js/ui/demos/datepicker/dropdown-month-year.html create mode 100644 apps/it/static/js/ui/demos/datepicker/icon-trigger.html create mode 100644 apps/it/static/js/ui/demos/datepicker/images/calendar.gif create mode 100644 apps/it/static/js/ui/demos/datepicker/index.html create mode 100644 apps/it/static/js/ui/demos/datepicker/inline.html create mode 100644 apps/it/static/js/ui/demos/datepicker/jquery.ui.datepicker-ar.js create mode 100644 apps/it/static/js/ui/demos/datepicker/jquery.ui.datepicker-fr.js create mode 100644 apps/it/static/js/ui/demos/datepicker/jquery.ui.datepicker-he.js create mode 100644 apps/it/static/js/ui/demos/datepicker/jquery.ui.datepicker-zh-TW.js create mode 100644 apps/it/static/js/ui/demos/datepicker/localization.html create mode 100644 apps/it/static/js/ui/demos/datepicker/min-max.html create mode 100644 apps/it/static/js/ui/demos/datepicker/multiple-calendars.html create mode 100644 apps/it/static/js/ui/demos/datepicker/other-months.html create mode 100644 apps/it/static/js/ui/demos/datepicker/show-week.html (limited to 'apps/it/static/js/ui/demos/datepicker') diff --git a/apps/it/static/js/ui/demos/datepicker/alt-field.html b/apps/it/static/js/ui/demos/datepicker/alt-field.html new file mode 100644 index 0000000..8742da2 --- /dev/null +++ b/apps/it/static/js/ui/demos/datepicker/alt-field.html @@ -0,0 +1,29 @@ + + + + + jQuery UI Datepicker - Populate alternate field + + + + + + + + + + +

Date:

+ +

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.

+ + diff --git a/apps/it/static/js/ui/demos/datepicker/animation.html b/apps/it/static/js/ui/demos/datepicker/animation.html new file mode 100644 index 0000000..da8193e --- /dev/null +++ b/apps/it/static/js/ui/demos/datepicker/animation.html @@ -0,0 +1,51 @@ + + + + + jQuery UI Datepicker - Animations + + + + + + + + + + + + + + + + + +

Date:

+ +

Animations:
+ +

+ +

Use different animations when opening or closing the datepicker. Choose an animation from the dropdown, then click on the input to see its effect. You can use one of the three standard animations or any of the UI Effects.

+ + diff --git a/apps/it/static/js/ui/demos/datepicker/buttonbar.html b/apps/it/static/js/ui/demos/datepicker/buttonbar.html new file mode 100644 index 0000000..d815740 --- /dev/null +++ b/apps/it/static/js/ui/demos/datepicker/buttonbar.html @@ -0,0 +1,28 @@ + + + + + jQuery UI Datepicker - Display button bar + + + + + + + + + + +

Date:

+ +

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.

+ + diff --git a/apps/it/static/js/ui/demos/datepicker/date-formats.html b/apps/it/static/js/ui/demos/datepicker/date-formats.html new file mode 100644 index 0000000..3a46308 --- /dev/null +++ b/apps/it/static/js/ui/demos/datepicker/date-formats.html @@ -0,0 +1,40 @@ + + + + + jQuery UI Datepicker - Format date + + + + + + + + + + +

Date:

+ +

Format options:
+ +

+ +

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.

+ + diff --git a/apps/it/static/js/ui/demos/datepicker/date-range.html b/apps/it/static/js/ui/demos/datepicker/date-range.html new file mode 100644 index 0000000..4d878a4 --- /dev/null +++ b/apps/it/static/js/ui/demos/datepicker/date-range.html @@ -0,0 +1,44 @@ + + + + + jQuery UI Datepicker - Select a Date Range + + + + + + + + + + +From + +to + + +

Select the date range to search for.

+ + diff --git a/apps/it/static/js/ui/demos/datepicker/default.html b/apps/it/static/js/ui/demos/datepicker/default.html new file mode 100644 index 0000000..2d66a6e --- /dev/null +++ b/apps/it/static/js/ui/demos/datepicker/default.html @@ -0,0 +1,26 @@ + + + + + jQuery UI Datepicker - Default functionality + + + + + + + + + + +

Date:

+ +

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.

+ + diff --git a/apps/it/static/js/ui/demos/datepicker/dropdown-month-year.html b/apps/it/static/js/ui/demos/datepicker/dropdown-month-year.html new file mode 100644 index 0000000..84b16c9 --- /dev/null +++ b/apps/it/static/js/ui/demos/datepicker/dropdown-month-year.html @@ -0,0 +1,29 @@ + + + + + jQuery UI Datepicker - Display month & year menus + + + + + + + + + + +

Date:

+ +

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.

+ + diff --git a/apps/it/static/js/ui/demos/datepicker/icon-trigger.html b/apps/it/static/js/ui/demos/datepicker/icon-trigger.html new file mode 100644 index 0000000..b5c74c8 --- /dev/null +++ b/apps/it/static/js/ui/demos/datepicker/icon-trigger.html @@ -0,0 +1,30 @@ + + + + + jQuery UI Datepicker - Icon trigger + + + + + + + + + + +

Date:

+ +

Click the icon next to the input field to show the datepicker. Set the datepicker to open on focus (default behavior), on icon click, or both.

+ + diff --git a/apps/it/static/js/ui/demos/datepicker/images/calendar.gif b/apps/it/static/js/ui/demos/datepicker/images/calendar.gif new file mode 100644 index 0000000..d0abaa7 Binary files /dev/null and b/apps/it/static/js/ui/demos/datepicker/images/calendar.gif differ diff --git a/apps/it/static/js/ui/demos/datepicker/index.html b/apps/it/static/js/ui/demos/datepicker/index.html new file mode 100644 index 0000000..eb903a2 --- /dev/null +++ b/apps/it/static/js/ui/demos/datepicker/index.html @@ -0,0 +1,27 @@ + + + + + jQuery UI Datepicker Demos + + + +

+ + + diff --git a/apps/it/static/js/ui/demos/datepicker/inline.html b/apps/it/static/js/ui/demos/datepicker/inline.html new file mode 100644 index 0000000..cd8f606 --- /dev/null +++ b/apps/it/static/js/ui/demos/datepicker/inline.html @@ -0,0 +1,26 @@ + + + + + jQuery UI Datepicker - Display inline + + + + + + + + + + +Date:

+ +

Display the datepicker embedded in the page instead of in an overlay. Simply call .datepicker() on a div instead of an input.

+ + diff --git a/apps/it/static/js/ui/demos/datepicker/jquery.ui.datepicker-ar.js b/apps/it/static/js/ui/demos/datepicker/jquery.ui.datepicker-ar.js new file mode 100644 index 0000000..cef0f08 --- /dev/null +++ b/apps/it/static/js/ui/demos/datepicker/jquery.ui.datepicker-ar.js @@ -0,0 +1,23 @@ +/* Arabic Translation for jQuery UI date picker plugin. */ +/* Khaled Alhourani -- me@khaledalhourani.com */ +/* NOTE: monthNames are the original months names and they are the Arabic names, not the new months name فبراير - يناير and there isn't any Arabic roots for these months */ +jQuery(function($){ + $.datepicker.regional['ar'] = { + closeText: 'إغلاق', + prevText: '<السابق', + nextText: 'التالي>', + currentText: 'اليوم', + monthNames: ['كانون الثاني', 'شباط', 'آذار', 'نيسان', 'مايو', 'حزيران', + 'تموز', 'آب', 'أيلول', 'تشرين الأول', 'تشرين الثاني', 'كانون الأول'], + monthNamesShort: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'], + dayNames: ['الأحد', 'الاثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة', 'السبت'], + dayNamesShort: ['الأحد', 'الاثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة', 'السبت'], + dayNamesMin: ['ح', 'ن', 'ث', 'ر', 'خ', 'ج', 'س'], + weekHeader: 'أسبوع', + dateFormat: 'dd/mm/yy', + firstDay: 6, + isRTL: true, + showMonthAfterYear: false, + yearSuffix: ''}; + $.datepicker.setDefaults($.datepicker.regional['ar']); +}); diff --git a/apps/it/static/js/ui/demos/datepicker/jquery.ui.datepicker-fr.js b/apps/it/static/js/ui/demos/datepicker/jquery.ui.datepicker-fr.js new file mode 100644 index 0000000..2d06743 --- /dev/null +++ b/apps/it/static/js/ui/demos/datepicker/jquery.ui.datepicker-fr.js @@ -0,0 +1,25 @@ +/* French initialisation for the jQuery UI date picker plugin. */ +/* Written by Keith Wood (kbwood{at}iinet.com.au), + Stéphane Nahmani (sholby@sholby.net), + Stéphane Raimbault */ +jQuery(function($){ + $.datepicker.regional['fr'] = { + closeText: 'Fermer', + prevText: 'Précédent', + nextText: 'Suivant', + currentText: 'Aujourd\'hui', + monthNames: ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', + 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'], + monthNamesShort: ['janv.', 'févr.', 'mars', 'avril', 'mai', 'juin', + 'juil.', 'août', 'sept.', 'oct.', 'nov.', 'déc.'], + dayNames: ['dimanche', 'lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi'], + dayNamesShort: ['dim.', 'lun.', 'mar.', 'mer.', 'jeu.', 'ven.', 'sam.'], + dayNamesMin: ['D','L','M','M','J','V','S'], + weekHeader: 'Sem.', + dateFormat: 'dd/mm/yy', + firstDay: 1, + isRTL: false, + showMonthAfterYear: false, + yearSuffix: ''}; + $.datepicker.setDefaults($.datepicker.regional['fr']); +}); diff --git a/apps/it/static/js/ui/demos/datepicker/jquery.ui.datepicker-he.js b/apps/it/static/js/ui/demos/datepicker/jquery.ui.datepicker-he.js new file mode 100644 index 0000000..b9e8dee --- /dev/null +++ b/apps/it/static/js/ui/demos/datepicker/jquery.ui.datepicker-he.js @@ -0,0 +1,23 @@ +/* Hebrew initialisation for the UI Datepicker extension. */ +/* Written by Amir Hardon (ahardon at gmail dot com). */ +jQuery(function($){ + $.datepicker.regional['he'] = { + closeText: 'סגור', + prevText: '<הקודם', + nextText: 'הבא>', + currentText: 'היום', + monthNames: ['ינואר','פברואר','מרץ','אפריל','מאי','יוני', + 'יולי','אוגוסט','ספטמבר','אוקטובר','נובמבר','דצמבר'], + monthNamesShort: ['ינו','פבר','מרץ','אפר','מאי','יוני', + 'יולי','אוג','ספט','אוק','נוב','דצמ'], + dayNames: ['ראשון','שני','שלישי','רביעי','חמישי','שישי','שבת'], + dayNamesShort: ['א\'','ב\'','ג\'','ד\'','ה\'','ו\'','שבת'], + dayNamesMin: ['א\'','ב\'','ג\'','ד\'','ה\'','ו\'','שבת'], + weekHeader: 'Wk', + dateFormat: 'dd/mm/yy', + firstDay: 0, + isRTL: true, + showMonthAfterYear: false, + yearSuffix: ''}; + $.datepicker.setDefaults($.datepicker.regional['he']); +}); diff --git a/apps/it/static/js/ui/demos/datepicker/jquery.ui.datepicker-zh-TW.js b/apps/it/static/js/ui/demos/datepicker/jquery.ui.datepicker-zh-TW.js new file mode 100644 index 0000000..b9105ea --- /dev/null +++ b/apps/it/static/js/ui/demos/datepicker/jquery.ui.datepicker-zh-TW.js @@ -0,0 +1,23 @@ +/* Chinese initialisation for the jQuery UI date picker plugin. */ +/* Written by Ressol (ressol@gmail.com). */ +jQuery(function($){ + $.datepicker.regional['zh-TW'] = { + closeText: '關閉', + prevText: '<上月', + nextText: '下月>', + currentText: '今天', + monthNames: ['一月','二月','三月','四月','五月','六月', + '七月','八月','九月','十月','十一月','十二月'], + monthNamesShort: ['一月','二月','三月','四月','五月','六月', + '七月','八月','九月','十月','十一月','十二月'], + dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'], + dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'], + dayNamesMin: ['日','一','二','三','四','五','六'], + weekHeader: '周', + dateFormat: 'yy/mm/dd', + firstDay: 1, + isRTL: false, + showMonthAfterYear: true, + yearSuffix: '年'}; + $.datepicker.setDefaults($.datepicker.regional['zh-TW']); +}); diff --git a/apps/it/static/js/ui/demos/datepicker/localization.html b/apps/it/static/js/ui/demos/datepicker/localization.html new file mode 100644 index 0000000..e2d2bb6 --- /dev/null +++ b/apps/it/static/js/ui/demos/datepicker/localization.html @@ -0,0 +1,41 @@ + + + + + jQuery UI Datepicker - Localize calendar + + + + + + + + + + + + + + +

Date: +

+ +

Localize the datepicker calendar language and format (English / Western formatting is the default). The datepicker includes built-in support for languages that read right-to-left, such as Arabic and Hebrew.

+ + diff --git a/apps/it/static/js/ui/demos/datepicker/min-max.html b/apps/it/static/js/ui/demos/datepicker/min-max.html new file mode 100644 index 0000000..52bf8cb --- /dev/null +++ b/apps/it/static/js/ui/demos/datepicker/min-max.html @@ -0,0 +1,26 @@ + + + + + jQuery UI Datepicker - Restrict date range + + + + + + + + + + +

Date:

+ +

Restrict the range of selectable dates with the minDate and maxDate options. Set the beginning and end dates 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/apps/it/static/js/ui/demos/datepicker/multiple-calendars.html b/apps/it/static/js/ui/demos/datepicker/multiple-calendars.html new file mode 100644 index 0000000..0b7350e --- /dev/null +++ b/apps/it/static/js/ui/demos/datepicker/multiple-calendars.html @@ -0,0 +1,29 @@ + + + + + jQuery UI Datepicker - Display multiple months + + + + + + + + + + +

Date:

+ +

Set the numberOfMonths option to an integer of 2 or more to show multiple months in a single datepicker.

+ + diff --git a/apps/it/static/js/ui/demos/datepicker/other-months.html b/apps/it/static/js/ui/demos/datepicker/other-months.html new file mode 100644 index 0000000..eb7d774 --- /dev/null +++ b/apps/it/static/js/ui/demos/datepicker/other-months.html @@ -0,0 +1,30 @@ + + + + + jQuery UI Datepicker - Dates in other months + + + + + + + + + + +

Date:

+ +

The datepicker can show dates that come from other than the main month + being displayed. These other dates can also be made selectable.

+ + diff --git a/apps/it/static/js/ui/demos/datepicker/show-week.html b/apps/it/static/js/ui/demos/datepicker/show-week.html new file mode 100644 index 0000000..c6c21d3 --- /dev/null +++ b/apps/it/static/js/ui/demos/datepicker/show-week.html @@ -0,0 +1,32 @@ + + + + + jQuery UI Datepicker - Show week of the year + + + + + + + + + + +

Date:

+ +

The datepicker can show the week of the year. The default calculation follows + the ISO 8601 definition: the week starts on Monday, the first week of the year + contains the first Thursday of the year. This means that some days from one + year may be placed into weeks 'belonging' to another year.

+ + -- cgit v1.2.3