diff options
Diffstat (limited to 'demos/datepicker')
-rw-r--r-- | demos/datepicker/alt-field.html | 13 | ||||
-rw-r--r-- | demos/datepicker/animation.html | 13 | ||||
-rw-r--r-- | demos/datepicker/buttonbar.html | 13 | ||||
-rw-r--r-- | demos/datepicker/date-formats.html | 13 | ||||
-rw-r--r-- | demos/datepicker/date-range.html | 13 | ||||
-rw-r--r-- | demos/datepicker/default.html | 13 | ||||
-rw-r--r-- | demos/datepicker/dropdown-month-year.html | 13 | ||||
-rw-r--r-- | demos/datepicker/icon-trigger.html | 13 | ||||
-rw-r--r-- | demos/datepicker/index.html | 38 | ||||
-rw-r--r-- | demos/datepicker/inline.html | 13 | ||||
-rw-r--r-- | demos/datepicker/localization.html | 13 | ||||
-rw-r--r-- | demos/datepicker/min-max.html | 13 | ||||
-rw-r--r-- | demos/datepicker/multiple-calendars.html | 13 | ||||
-rw-r--r-- | demos/datepicker/other-months.html | 13 | ||||
-rw-r--r-- | demos/datepicker/show-week.html | 13 |
15 files changed, 59 insertions, 161 deletions
diff --git a/demos/datepicker/alt-field.html b/demos/datepicker/alt-field.html index e2e254d19..2599cd145 100644 --- a/demos/datepicker/alt-field.html +++ b/demos/datepicker/alt-field.html @@ -1,10 +1,10 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Populate alternate field</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.8.0.js"></script> + <script src="../../jquery-1.8.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.datepicker.js"></script> @@ -20,17 +20,10 @@ </head> <body> -<div class="demo"> - <p>Date: <input type="text" id="datepicker"> <input type="text" id="alternate" size="30"/></p> -</div><!-- End demo --> - - - <div class="demo-description"> <p>Populate an alternate field with its own date format whenever a date is selected using the <code>altField</code> and <code>altFormat</code> 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.</p> -</div><!-- End demo-description --> - +</div> </body> </html> diff --git a/demos/datepicker/animation.html b/demos/datepicker/animation.html index cf424bd1c..8e170ad8e 100644 --- a/demos/datepicker/animation.html +++ b/demos/datepicker/animation.html @@ -1,10 +1,10 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Animations</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.8.0.js"></script> + <script src="../../jquery-1.8.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.effect.js"></script> @@ -27,8 +27,6 @@ </head> <body> -<div class="demo"> - <p>Date: <input type="text" id="datepicker" size="30"/></p> <p>Animations:<br /> @@ -46,13 +44,8 @@ </select> </p> -</div><!-- End demo --> - - - <div class="demo-description"> <p>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.</p> -</div><!-- End demo-description --> - +</div> </body> </html> diff --git a/demos/datepicker/buttonbar.html b/demos/datepicker/buttonbar.html index 108ff22e7..b0b4650bb 100644 --- a/demos/datepicker/buttonbar.html +++ b/demos/datepicker/buttonbar.html @@ -1,10 +1,10 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Display button bar</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.8.0.js"></script> + <script src="../../jquery-1.8.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.datepicker.js"></script> @@ -19,17 +19,10 @@ </head> <body> -<div class="demo"> - <p>Date: <input type="text" id="datepicker"></p> -</div><!-- End demo --> - - - <div class="demo-description"> <p>Display a button for selecting Today's date and a Done button for closing the calendar with the boolean <code>showButtonPanel</code> option. Each button is enabled by default when the bar is displayed, but can be turned off with additional options. Button text is customizable.</p> -</div><!-- End demo-description --> - +</div> </body> </html> diff --git a/demos/datepicker/date-formats.html b/demos/datepicker/date-formats.html index 8b5bb29a3..b50a92172 100644 --- a/demos/datepicker/date-formats.html +++ b/demos/datepicker/date-formats.html @@ -1,10 +1,10 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Format date</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.8.0.js"></script> + <script src="../../jquery-1.8.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.datepicker.js"></script> @@ -20,8 +20,6 @@ </head> <body> -<div class="demo"> - <p>Date: <input type="text" id="datepicker" size="30"/></p> <p>Format options:<br /> @@ -35,13 +33,8 @@ </select> </p> -</div><!-- End demo --> - - - <div class="demo-description"> <p>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.</p> -</div><!-- End demo-description --> - +</div> </body> </html> diff --git a/demos/datepicker/date-range.html b/demos/datepicker/date-range.html index c881aba3d..284b6b3be 100644 --- a/demos/datepicker/date-range.html +++ b/demos/datepicker/date-range.html @@ -1,10 +1,10 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Select a Date Range</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.8.0.js"></script> + <script src="../../jquery-1.8.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.datepicker.js"></script> @@ -32,20 +32,13 @@ </head> <body> -<div class="demo"> - <label for="from">From</label> <input type="text" id="from" name="from"/> <label for="to">to</label> <input type="text" id="to" name="to"/> -</div><!-- End demo --> - - - <div class="demo-description"> <p>Select the date range to search for.</p> -</div><!-- End demo-description --> - +</div> </body> </html> diff --git a/demos/datepicker/default.html b/demos/datepicker/default.html index 4159f4b89..5a51a538c 100644 --- a/demos/datepicker/default.html +++ b/demos/datepicker/default.html @@ -1,10 +1,10 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Default functionality</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.8.0.js"></script> + <script src="../../jquery-1.8.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.datepicker.js"></script> @@ -17,17 +17,10 @@ </head> <body> -<div class="demo"> - <p>Date: <input type="text" id="datepicker"></p> -</div><!-- End demo --> - - - <div class="demo-description"> <p>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.</p> -</div><!-- End demo-description --> - +</div> </body> </html> diff --git a/demos/datepicker/dropdown-month-year.html b/demos/datepicker/dropdown-month-year.html index b30de9d75..ea4600a6f 100644 --- a/demos/datepicker/dropdown-month-year.html +++ b/demos/datepicker/dropdown-month-year.html @@ -1,10 +1,10 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Display month & year menus</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.8.0.js"></script> + <script src="../../jquery-1.8.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.datepicker.js"></script> @@ -20,17 +20,10 @@ </head> <body> -<div class="demo"> - <p>Date: <input type="text" id="datepicker"></p> -</div><!-- End demo --> - - - <div class="demo-description"> <p>Show month and year dropdowns in place of the static month/year header to facilitate navigation through large timeframes. Add the boolean <code>changeMonth</code> and <code>changeYear</code> options.</p> -</div><!-- End demo-description --> - +</div> </body> </html> diff --git a/demos/datepicker/icon-trigger.html b/demos/datepicker/icon-trigger.html index 2b13d6df9..9fca9b790 100644 --- a/demos/datepicker/icon-trigger.html +++ b/demos/datepicker/icon-trigger.html @@ -1,10 +1,10 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Icon trigger</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.8.0.js"></script> + <script src="../../jquery-1.8.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.datepicker.js"></script> @@ -21,17 +21,10 @@ </head> <body> -<div class="demo"> - <p>Date: <input type="text" id="datepicker"></p> -</div><!-- End demo --> - - - <div class="demo-description"> <p>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.</p> -</div><!-- End demo-description --> - +</div> </body> </html> diff --git a/demos/datepicker/index.html b/demos/datepicker/index.html index ed2477402..eb903a220 100644 --- a/demos/datepicker/index.html +++ b/demos/datepicker/index.html @@ -1,31 +1,27 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker Demos</title> - <link rel="stylesheet" href="../demos.css"> </head> <body> -<div class="demos-nav"> - <h4>Examples</h4> - <ul> - <li class="demo-config-on"><a href="default.html">Default functionality</a></li> - <li><a href="date-formats.html">Format date</a></li> - <li><a href="min-max.html">Restrict date range</a></li> - <li><a href="localization.html">Localize calendar</a></li> - <li><a href="alt-field.html">Populate alternate field</a></li> - <li><a href="inline.html">Display inline</a></li> - <li><a href="buttonbar.html">Display button bar</a></li> - <li><a href="dropdown-month-year.html">Display month & year menus</a></li> - <li><a href="other-months.html">Dates in other months</a></li> - <li><a href="show-week.html">Show week of the year</a></li> - <li><a href="multiple-calendars.html">Display multiple months</a></li> - <li><a href="icon-trigger.html">Icon trigger</a></li> - <li><a href="animation.html">Animations</a></li> - <li><a href="date-range.html">Date Range</a></li> - </ul> -</div> +<ul> + <li><a href="default.html">Default functionality</a></li> + <li><a href="date-formats.html">Format date</a></li> + <li><a href="min-max.html">Restrict date range</a></li> + <li><a href="localization.html">Localize calendar</a></li> + <li><a href="alt-field.html">Populate alternate field</a></li> + <li><a href="inline.html">Display inline</a></li> + <li><a href="buttonbar.html">Display button bar</a></li> + <li><a href="dropdown-month-year.html">Display month & year menus</a></li> + <li><a href="other-months.html">Dates in other months</a></li> + <li><a href="show-week.html">Show week of the year</a></li> + <li><a href="multiple-calendars.html">Display multiple months</a></li> + <li><a href="icon-trigger.html">Icon trigger</a></li> + <li><a href="animation.html">Animations</a></li> + <li><a href="date-range.html">Date Range</a></li> +</ul> </body> </html> diff --git a/demos/datepicker/inline.html b/demos/datepicker/inline.html index 552c1d95e..ec01533ee 100644 --- a/demos/datepicker/inline.html +++ b/demos/datepicker/inline.html @@ -1,10 +1,10 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Display inline</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.8.0.js"></script> + <script src="../../jquery-1.8.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.datepicker.js"></script> @@ -17,17 +17,10 @@ </head> <body> -<div class="demo"> - Date: <div id="datepicker"></div> -</div><!-- End demo --> - - - <div class="demo-description"> <p>Display the datepicker embedded in the page instead of in an overlay. Simply call .datepicker() on a div instead of an input.</p> -</div><!-- End demo-description --> - +</div> </body> </html> diff --git a/demos/datepicker/localization.html b/demos/datepicker/localization.html index 429c527e1..4fd7a1c46 100644 --- a/demos/datepicker/localization.html +++ b/demos/datepicker/localization.html @@ -1,10 +1,10 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Localize calendar</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.8.0.js"></script> + <script src="../../jquery-1.8.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.datepicker.js"></script> @@ -90,8 +90,6 @@ </head> <body> -<div class="demo"> - <p>Date: <input type="text" id="datepicker"/> <select id="locale"> <option value="af">Afrikaans</option> @@ -164,13 +162,8 @@ <option value="cy-GB">Welsh/UK (Cymraeg)</option> </select></p> -</div><!-- End demo --> - - - <div class="demo-description"> <p>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.</p> -</div><!-- End demo-description --> - +</div> </body> </html> diff --git a/demos/datepicker/min-max.html b/demos/datepicker/min-max.html index 5da862c45..cc28a7583 100644 --- a/demos/datepicker/min-max.html +++ b/demos/datepicker/min-max.html @@ -1,10 +1,10 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Restrict date range</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.8.0.js"></script> + <script src="../../jquery-1.8.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.datepicker.js"></script> @@ -17,17 +17,10 @@ </head> <body> -<div class="demo"> - <p>Date: <input type="text" id="datepicker"></p> -</div><!-- End demo --> - - - <div class="demo-description"> <p>Restrict the range of selectable dates with the <code>minDate</code> and <code>maxDate</code> 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.</p> -</div><!-- End demo-description --> - +</div> </body> </html> diff --git a/demos/datepicker/multiple-calendars.html b/demos/datepicker/multiple-calendars.html index 9ff002073..1a8b7e0eb 100644 --- a/demos/datepicker/multiple-calendars.html +++ b/demos/datepicker/multiple-calendars.html @@ -1,10 +1,10 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Display multiple months</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.8.0.js"></script> + <script src="../../jquery-1.8.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.datepicker.js"></script> @@ -20,17 +20,10 @@ </head> <body> -<div class="demo"> - <p>Date: <input type="text" id="datepicker"></p> -</div><!-- End demo --> - - - <div class="demo-description"> <p>Set the <code>numberOfMonths</code> option to an integer of 2 or more to show multiple months in a single datepicker.</p> -</div><!-- End demo-description --> - +</div> </body> </html> diff --git a/demos/datepicker/other-months.html b/demos/datepicker/other-months.html index 14f6c10f2..e735385ec 100644 --- a/demos/datepicker/other-months.html +++ b/demos/datepicker/other-months.html @@ -1,10 +1,10 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Dates in other months</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.8.0.js"></script> + <script src="../../jquery-1.8.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.datepicker.js"></script> @@ -20,18 +20,11 @@ </head> <body> -<div class="demo"> - <p>Date: <input type="text" id="datepicker"></p> -</div><!-- End demo --> - - - <div class="demo-description"> <p>The datepicker can show dates that come from other than the main month being displayed. These other dates can also be made selectable.</p> -</div><!-- End demo-description --> - +</div> </body> </html> diff --git a/demos/datepicker/show-week.html b/demos/datepicker/show-week.html index 8e5da044b..931e85be8 100644 --- a/demos/datepicker/show-week.html +++ b/demos/datepicker/show-week.html @@ -1,10 +1,10 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Show week of the year</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.8.0.js"></script> + <script src="../../jquery-1.8.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.datepicker.js"></script> @@ -20,20 +20,13 @@ </head> <body> -<div class="demo"> - <p>Date: <input type="text" id="datepicker"></p> -</div><!-- End demo --> - - - <div class="demo-description"> <p>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.</p> -</div><!-- End demo-description --> - +</div> </body> </html> |