aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorScott González <scott.gonzalez@gmail.com>2010-09-10 08:50:53 -0400
committerScott González <scott.gonzalez@gmail.com>2010-09-10 08:50:53 -0400
commit6df7729714075c1b26566eca6fa9b8a4ff3d3c63 (patch)
tree3e532e36d3b536d59ceeb4b76e527bd3057d0d2d
parent8b4d1877465d92de68c83a92b9c2eee2a5e096fa (diff)
downloadjquery-ui-6df7729714075c1b26566eca6fa9b8a4ff3d3c63.tar.gz
jquery-ui-6df7729714075c1b26566eca6fa9b8a4ff3d3c63.zip
Datepicker demos: Coding standards.
Diffstat
-rw-r--r--demos/datepicker/alt-field.html25
-rw-r--r--demos/datepicker/animation.html44
-rw-r--r--demos/datepicker/buttonbar.html22
-rw-r--r--demos/datepicker/date-formats.html26
-rw-r--r--demos/datepicker/default.html22
-rw-r--r--demos/datepicker/dropdown-month-year.html22
-rw-r--r--demos/datepicker/event-search.html35
-rw-r--r--demos/datepicker/icon-trigger.html26
-rw-r--r--demos/datepicker/index.html4
-rw-r--r--demos/datepicker/inline.html22
-rw-r--r--demos/datepicker/localization.html135
-rw-r--r--demos/datepicker/min-max.html22
-rw-r--r--demos/datepicker/multiple-calendars.html22
-rw-r--r--demos/datepicker/other-months.html25
-rw-r--r--demos/datepicker/show-week.html25
15 files changed, 247 insertions, 230 deletions
diff --git a/demos/datepicker/alt-field.html b/demos/datepicker/alt-field.html
index d51bf0634..f45921d07 100644
--- a/demos/datepicker/alt-field.html
+++ b/demos/datepicker/alt-field.html
@@ -1,17 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8" />
+ <meta charset="utf-8">
<title>jQuery UI Datepicker - Populate alternate field</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
- <script type="text/javascript" src="../../jquery-1.4.2.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
- <script type="text/javascript">
+ <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
+ <script src="../../jquery-1.4.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>
+ <link rel="stylesheet" href="../demos.css">
+ <script>
$(function() {
- $("#datepicker").datepicker({altField: '#alternate', altFormat: 'DD, d MM, yy'});
+ $( "#datepicker" ).datepicker({
+ altField: "#alternate",
+ altFormat: "DD, d MM, yy"
+ });
});
</script>
</head>
@@ -23,10 +26,10 @@
</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 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 -->
</body>
diff --git a/demos/datepicker/animation.html b/demos/datepicker/animation.html
index 27f20ffb8..8bc4dbaa8 100644
--- a/demos/datepicker/animation.html
+++ b/demos/datepicker/animation.html
@@ -1,25 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8" />
+ <meta charset="utf-8">
<title>jQuery UI Datepicker - Animations</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
- <script type="text/javascript" src="../../jquery-1.4.2.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.effects.core.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.effects.blind.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.effects.bounce.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.effects.clip.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.effects.drop.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.effects.fold.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.effects.slide.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
- <script type="text/javascript">
+ <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
+ <script src="../../jquery-1.4.2.js"></script>
+ <script src="../../ui/jquery.ui.core.js"></script>
+ <script src="../../ui/jquery.ui.widget.js"></script>
+ <script src="../../ui/jquery.effects.core.js"></script>
+ <script src="../../ui/jquery.effects.blind.js"></script>
+ <script src="../../ui/jquery.effects.bounce.js"></script>
+ <script src="../../ui/jquery.effects.clip.js"></script>
+ <script src="../../ui/jquery.effects.drop.js"></script>
+ <script src="../../ui/jquery.effects.fold.js"></script>
+ <script src="../../ui/jquery.effects.slide.js"></script>
+ <script src="../../ui/jquery.ui.datepicker.js"></script>
+ <link rel="stylesheet" href="../demos.css">
+ <script>
$(function() {
- $("#datepicker").datepicker();
- $("#anim").change(function() { $('#datepicker').datepicker('option', {showAnim: $(this).val()}); });
+ $( "#datepicker" ).datepicker();
+ $( "#anim" ).change(function() {
+ $( "#datepicker" ).datepicker( "option", "showAnim", $( this ).val() );
+ });
});
</script>
</head>
@@ -34,22 +36,22 @@
<option value="show">Show (default)</option>
<option value="slideDown">Slide down</option>
<option value="fadeIn">Fade in</option>
- <!-- <option value="blind">Blind (UI Effect)</option>
+ <option value="blind">Blind (UI Effect)</option>
<option value="bounce">Bounce (UI Effect)</option>
<option value="clip">Clip (UI Effect)</option>
<option value="drop">Drop (UI Effect)</option>
<option value="fold">Fold (UI Effect)</option>
- <option value="slide">Slide (UI Effect)</option> -->
+ <option value="slide">Slide (UI Effect)</option>
<option value="">None</option>
</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 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 -->
</body>
diff --git a/demos/datepicker/buttonbar.html b/demos/datepicker/buttonbar.html
index 6cd4dbedc..df0cc73b0 100644
--- a/demos/datepicker/buttonbar.html
+++ b/demos/datepicker/buttonbar.html
@@ -1,17 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8" />
+ <meta charset="utf-8">
<title>jQuery UI Datepicker - Display button bar</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
- <script type="text/javascript" src="../../jquery-1.4.2.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
- <script type="text/javascript">
+ <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
+ <script src="../../jquery-1.4.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>
+ <link rel="stylesheet" href="../demos.css">
+ <script>
$(function() {
- $('#datepicker').datepicker({
+ $( "#datepicker" ).datepicker({
showButtonPanel: true
});
});
@@ -25,10 +25,10 @@
</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 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 -->
</body>
diff --git a/demos/datepicker/date-formats.html b/demos/datepicker/date-formats.html
index 435ef7096..d20be91a4 100644
--- a/demos/datepicker/date-formats.html
+++ b/demos/datepicker/date-formats.html
@@ -1,18 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8" />
+ <meta charset="utf-8">
<title>jQuery UI Datepicker - Format date</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
- <script type="text/javascript" src="../../jquery-1.4.2.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
- <script type="text/javascript">
+ <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
+ <script src="../../jquery-1.4.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>
+ <link rel="stylesheet" href="../demos.css">
+ <script>
$(function() {
- $("#datepicker").datepicker();
- $("#format").change(function() { $('#datepicker').datepicker('option', {dateFormat: $(this).val()}); });
+ $( "#datepicker" ).datepicker();
+ $( "#format" ).change(function() {
+ $( "#datepicker" ).datepicker( "option", "dateFormat", $( this ).val() );
+ });
});
</script>
</head>
@@ -35,10 +37,10 @@
</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 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 -->
</body>
diff --git a/demos/datepicker/default.html b/demos/datepicker/default.html
index 4ab50e174..32ce21208 100644
--- a/demos/datepicker/default.html
+++ b/demos/datepicker/default.html
@@ -1,17 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8" />
+ <meta charset="utf-8">
<title>jQuery UI Datepicker - Default functionality</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
- <script type="text/javascript" src="../../jquery-1.4.2.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
- <script type="text/javascript">
+ <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
+ <script src="../../jquery-1.4.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>
+ <link rel="stylesheet" href="../demos.css">
+ <script>
$(function() {
- $("#datepicker").datepicker();
+ $( "#datepicker" ).datepicker();
});
</script>
</head>
@@ -23,10 +23,10 @@
</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 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 -->
</body>
diff --git a/demos/datepicker/dropdown-month-year.html b/demos/datepicker/dropdown-month-year.html
index c31d8ba85..12877ab7a 100644
--- a/demos/datepicker/dropdown-month-year.html
+++ b/demos/datepicker/dropdown-month-year.html
@@ -1,17 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8" />
+ <meta charset="utf-8">
<title>jQuery UI Datepicker - Display month &amp; year menus</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
- <script type="text/javascript" src="../../jquery-1.4.2.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
- <script type="text/javascript">
+ <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
+ <script src="../../jquery-1.4.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>
+ <link rel="stylesheet" href="../demos.css">
+ <script>
$(function() {
- $('#datepicker').datepicker({
+ $( "#datepicker" ).datepicker({
changeMonth: true,
changeYear: true
});
@@ -26,10 +26,10 @@
</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 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 -->
</body>
diff --git a/demos/datepicker/event-search.html b/demos/datepicker/event-search.html
index c87ae17a4..2941f9dc1 100644
--- a/demos/datepicker/event-search.html
+++ b/demos/datepicker/event-search.html
@@ -1,25 +1,28 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8" />
+ <meta charset="utf-8">
<title>jQuery UI Datepicker - Display multiple months</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
- <script type="text/javascript" src="../../jquery-1.4.2.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
- <script type="text/javascript">
+ <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
+ <script src="../../jquery-1.4.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>
+ <link rel="stylesheet" href="../demos.css">
+ <script>
$(function() {
- var dates = $('#from, #to').datepicker({
+ var dates = $( "#from, #to" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 3,
- onSelect: function(selectedDate) {
- var option = this.id == "from" ? "minDate" : "maxDate";
- var instance = $(this).data("datepicker");
- var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
- dates.not(this).datepicker("option", option, date);
+ onSelect: function( selectedDate ) {
+ var option = this.id == "from" ? "minDate" : "maxDate",
+ instance = $( this ).data( "datepicker" );
+ date = $.datepicker.parseDate(
+ instance.settings.dateFormat ||
+ $.datepicker._defaults.dateFormat,
+ selectedDate, instance.settings );
+ dates.not( this ).datepicker( "option", option, date );
}
});
});
@@ -36,10 +39,10 @@
</div><!-- End demo -->
-<div class="demo-description">
-<p>Select the date range to search for.</p>
+<div class="demo-description">
+<p>Select the date range to search for.</p>
</div><!-- End demo-description -->
</body>
diff --git a/demos/datepicker/icon-trigger.html b/demos/datepicker/icon-trigger.html
index 6da3a7792..f6cd0ecd4 100644
--- a/demos/datepicker/icon-trigger.html
+++ b/demos/datepicker/icon-trigger.html
@@ -1,19 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8" />
+ <meta charset="utf-8">
<title>jQuery UI Datepicker - Icon trigger</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
- <script type="text/javascript" src="../../jquery-1.4.2.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
- <script type="text/javascript">
+ <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
+ <script src="../../jquery-1.4.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>
+ <link rel="stylesheet" href="../demos.css">
+ <script>
$(function() {
- $("#datepicker").datepicker({
- showOn: 'button',
- buttonImage: 'images/calendar.gif',
+ $( "#datepicker" ).datepicker({
+ showOn: "button",
+ buttonImage: "images/calendar.gif",
buttonImageOnly: true
});
});
@@ -27,10 +27,10 @@
</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 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 -->
</body>
diff --git a/demos/datepicker/index.html b/demos/datepicker/index.html
index 5749ae757..37c8ef714 100644
--- a/demos/datepicker/index.html
+++ b/demos/datepicker/index.html
@@ -1,9 +1,9 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8" />
+ <meta charset="utf-8">
<title>jQuery UI Datepicker Demos</title>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
+ <link rel="stylesheet" href="../demos.css">
</head>
<body>
diff --git a/demos/datepicker/inline.html b/demos/datepicker/inline.html
index bf21fc927..d3a522e86 100644
--- a/demos/datepicker/inline.html
+++ b/demos/datepicker/inline.html
@@ -1,17 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8" />
+ <meta charset="utf-8">
<title>jQuery UI Datepicker - Display inline</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
- <script type="text/javascript" src="../../jquery-1.4.2.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
- <script type="text/javascript">
+ <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
+ <script src="../../jquery-1.4.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>
+ <link rel="stylesheet" href="../demos.css">
+ <script>
$(function() {
- $("#datepicker").datepicker();
+ $( "#datepicker" ).datepicker();
});
</script>
</head>
@@ -23,10 +23,10 @@ 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 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 -->
</body>
diff --git a/demos/datepicker/localization.html b/demos/datepicker/localization.html
index 022bd0add..c2393fdea 100644
--- a/demos/datepicker/localization.html
+++ b/demos/datepicker/localization.html
@@ -1,73 +1,74 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8" />
+ <meta charset="utf-8">
<title>jQuery UI Datepicker - Localize calendar</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
- <script type="text/javascript" src="../../jquery-1.4.2.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-af.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-ar.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-az.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-bg.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-bs.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-ca.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-cs.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-da.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-de.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-el.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-en-GB.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-eo.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-es.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-et.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-eu.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-fa.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-fi.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-fo.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-fr.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-fr-CH.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-he.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-hr.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-hu.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-hy.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-id.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-is.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-it.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-ja.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-ko.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-kz.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-lt.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-lv.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-ms.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-nl.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-no.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-pl.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-pt-BR.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-ro.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-ru.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-sk.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-sl.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-sq.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-sr.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-sr-SR.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-sv.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-ta.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-th.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-tr.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-uk.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-vi.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-zh-CN.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-zh-HK.js"></script>
- <script type="text/javascript" src="../../ui/i18n/jquery.ui.datepicker-zh-TW.js"></script>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
- <script type="text/javascript">
+ <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
+ <script src="../../jquery-1.4.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>
+ <script src="../../ui/i18n/jquery.ui.datepicker-af.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-ar.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-az.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-bg.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-bs.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-ca.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-cs.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-da.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-de.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-el.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-en-GB.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-eo.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-es.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-et.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-eu.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-fa.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-fi.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-fo.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-fr.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-fr-CH.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-he.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-hr.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-hu.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-hy.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-id.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-is.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-it.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-ja.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-ko.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-kz.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-lt.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-lv.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-ms.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-nl.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-no.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-pl.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-pt-BR.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-ro.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-ru.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-sk.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-sl.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-sq.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-sr.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-sr-SR.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-sv.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-ta.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-th.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-tr.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-uk.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-vi.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-zh-CN.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-zh-HK.js"></script>
+ <script src="../../ui/i18n/jquery.ui.datepicker-zh-TW.js"></script>
+ <link rel="stylesheet" href="../demos.css">
+ <script>
$(function() {
- $.datepicker.setDefaults($.datepicker.regional['']);
- $("#datepicker").datepicker($.datepicker.regional['fr']);
- $("#locale").change(function() {
- $('#datepicker').datepicker('option', $.datepicker.regional[$(this).val()]);
+ $.datepicker.setDefaults( $.datepicker.regional[ "" ] );
+ $( "#datepicker" ).datepicker( $.datepicker.regional[ "fr" ] );
+ $( "#locale" ).change(function() {
+ $( "#datepicker" ).datepicker( "option",
+ $.datepicker.regional[ $( this ).val() ] );
});
});
</script>
@@ -135,10 +136,10 @@
</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 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 -->
</body>
diff --git a/demos/datepicker/min-max.html b/demos/datepicker/min-max.html
index 7573e6926..8d9106d9b 100644
--- a/demos/datepicker/min-max.html
+++ b/demos/datepicker/min-max.html
@@ -1,17 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8" />
+ <meta charset="utf-8">
<title>jQuery UI Datepicker - Restrict date range</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
- <script type="text/javascript" src="../../jquery-1.4.2.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
- <script type="text/javascript">
+ <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
+ <script src="../../jquery-1.4.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>
+ <link rel="stylesheet" href="../demos.css">
+ <script>
$(function() {
- $("#datepicker").datepicker({minDate: -20, maxDate: '+1M +10D'});
+ $( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });
});
</script>
</head>
@@ -23,10 +23,10 @@
</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 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 -->
</body>
diff --git a/demos/datepicker/multiple-calendars.html b/demos/datepicker/multiple-calendars.html
index 8051ca524..117b2ca14 100644
--- a/demos/datepicker/multiple-calendars.html
+++ b/demos/datepicker/multiple-calendars.html
@@ -1,17 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8" />
+ <meta charset="utf-8">
<title>jQuery UI Datepicker - Display multiple months</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
- <script type="text/javascript" src="../../jquery-1.4.2.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
- <script type="text/javascript">
+ <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
+ <script src="../../jquery-1.4.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>
+ <link rel="stylesheet" href="../demos.css">
+ <script>
$(function() {
- $('#datepicker').datepicker({
+ $( "#datepicker" ).datepicker({
numberOfMonths: 3,
showButtonPanel: true
});
@@ -26,10 +26,10 @@
</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 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 -->
</body>
diff --git a/demos/datepicker/other-months.html b/demos/datepicker/other-months.html
index 1c0b65559..5a9661782 100644
--- a/demos/datepicker/other-months.html
+++ b/demos/datepicker/other-months.html
@@ -1,17 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8" />
+ <meta charset="utf-8">
<title>jQuery UI Datepicker - Dates in other months</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
- <script type="text/javascript" src="../../jquery-1.4.2.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
- <script type="text/javascript">
+ <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
+ <script src="../../jquery-1.4.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>
+ <link rel="stylesheet" href="../demos.css">
+ <script>
$(function() {
- $("#datepicker").datepicker({showOtherMonths: true, selectOtherMonths: true});
+ $( "#datepicker" ).datepicker({
+ showOtherMonths: true,
+ selectOtherMonths: true
+ });
});
</script>
</head>
@@ -23,11 +26,11 @@
</div><!-- End demo -->
-<div class="demo-description">
+
+<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 -->
</body>
diff --git a/demos/datepicker/show-week.html b/demos/datepicker/show-week.html
index f6015a2af..83e2349b6 100644
--- a/demos/datepicker/show-week.html
+++ b/demos/datepicker/show-week.html
@@ -1,17 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8" />
+ <meta charset="utf-8">
<title>jQuery UI Datepicker - Show week of the year</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
- <script type="text/javascript" src="../../jquery-1.4.2.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
- <script type="text/javascript">
+ <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
+ <script src="../../jquery-1.4.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>
+ <link rel="stylesheet" href="../demos.css">
+ <script>
$(function() {
- $("#datepicker").datepicker({showWeek: true, firstDay: 1});
+ $( "#datepicker" ).datepicker({
+ showWeek: true,
+ firstDay: 1
+ });
});
</script>
</head>
@@ -23,13 +26,13 @@
</div><!-- End demo -->
-<div class="demo-description">
+
+<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 -->
</body>
generated by cgit v1.2.3 (git 2.39.1) at 2024-12-28 01:32:53 +0000