diff options
| author | Todd Parker <fg.todd@gmail.com> | 2008-12-29 19:53:58 +0000 |
|---|---|---|
| committer | Todd Parker <fg.todd@gmail.com> | 2008-12-29 19:53:58 +0000 |
| commit | 6fe25e3758acec2fc05c054c33dee56d3ac0fa5b (patch) | |
| tree | 5dcd8863c6163858acff31d346ec5d0acffdce08 /demos/datepicker | |
| parent | 1d2280575b00ad73bdd0fee9760fe03c5286f25f (diff) | |
| download | jquery-ui-6fe25e3758acec2fc05c054c33dee56d3ac0fa5b.tar.gz jquery-ui-6fe25e3758acec2fc05c054c33dee56d3ac0fa5b.zip | |
Added 4 new datepicker demos, edited index page and default demo
Diffstat (limited to 'demos/datepicker')
| -rw-r--r-- | demos/datepicker/buttonbar.html | 23 | ||||
| -rw-r--r-- | demos/datepicker/default.html | 4 | ||||
| -rw-r--r-- | demos/datepicker/dropdown_month_year.html | 23 | ||||
| -rw-r--r-- | demos/datepicker/index.html | 6 | ||||
| -rw-r--r-- | demos/datepicker/inline.html | 22 | ||||
| -rw-r--r-- | demos/datepicker/multiple_calendars.html | 24 |
6 files changed, 99 insertions, 3 deletions
diff --git a/demos/datepicker/buttonbar.html b/demos/datepicker/buttonbar.html new file mode 100644 index 000000000..57e2c5cc2 --- /dev/null +++ b/demos/datepicker/buttonbar.html @@ -0,0 +1,23 @@ +<!doctype html>
+<html lang="en">
+<head>
+ <title>jQuery UI Datepicker - Default Demo</title>
+ <link type="text/css" href="../demos.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="../../jquery-1.2.6.js"></script>
+ <script type="text/javascript" src="../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $('#date123').datepicker({showButtonPanel: true});
+ });
+ </script>
+</head>
+<body>
+
+
+<p>Date: <input type="text" id="date123"></p>
+
+
+</body>
+</html>
diff --git a/demos/datepicker/default.html b/demos/datepicker/default.html index 27a328af6..0383be419 100644 --- a/demos/datepicker/default.html +++ b/demos/datepicker/default.html @@ -9,13 +9,13 @@ <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
<script type="text/javascript">
$(function() {
- $("#datepicker").datepicker();
+ $("#date123").datepicker();
});
</script>
</head>
<body>
-<input type="text" id="datepicker" />
+Date: <input type="text" id="date123" />
</body>
</html>
diff --git a/demos/datepicker/dropdown_month_year.html b/demos/datepicker/dropdown_month_year.html new file mode 100644 index 000000000..b0602d6be --- /dev/null +++ b/demos/datepicker/dropdown_month_year.html @@ -0,0 +1,23 @@ +<!doctype html>
+<html lang="en">
+<head>
+ <title>jQuery UI Datepicker - Default Demo</title>
+ <link type="text/css" href="../demos.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="../../jquery-1.2.6.js"></script>
+ <script type="text/javascript" src="../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $('#date123').datepicker({changeMonth:true, changeYear:true});
+ });
+ </script>
+</head>
+<body>
+
+
+<p>Date: <input type="text" id="date123"></p>
+
+
+</body>
+</html>
diff --git a/demos/datepicker/index.html b/demos/datepicker/index.html index 1b40e8611..3fa714fdc 100644 --- a/demos/datepicker/index.html +++ b/demos/datepicker/index.html @@ -8,7 +8,11 @@ <dl class="nav">
<dt>Datepicker</dt>
- <dd><a href="default.html">Default</a></dd>
+ <dd><a href="default.html">Default datepicker</a></dd>
+ <dd><a href="dropdown_month_year.html">Month & year menus</a></dd>
+ <dd><a href="buttonbar.html">Today & Done button bar</a></dd>
+ <dd><a href="multiple_calendars.html">3 month view</a></dd>
+ <dd><a href="inline.html">Inline datepicker</a></dd>
</dl>
</body>
diff --git a/demos/datepicker/inline.html b/demos/datepicker/inline.html new file mode 100644 index 000000000..0221bfbbf --- /dev/null +++ b/demos/datepicker/inline.html @@ -0,0 +1,22 @@ +<!doctype html>
+<html lang="en">
+<head>
+ <title>jQuery UI Datepicker - Default Demo</title>
+ <link type="text/css" href="../demos.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="../../jquery-1.2.6.js"></script>
+ <script type="text/javascript" src="../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $("#date123").datepicker();
+ });
+ </script>
+</head>
+<body>
+ +
+Date: <div id="date123" /></div>
+
+</body>
+</html>
diff --git a/demos/datepicker/multiple_calendars.html b/demos/datepicker/multiple_calendars.html new file mode 100644 index 000000000..b502eb3ee --- /dev/null +++ b/demos/datepicker/multiple_calendars.html @@ -0,0 +1,24 @@ +<!doctype html>
+<html lang="en">
+<head>
+ <title>jQuery UI Datepicker - Default Demo</title>
+ <link type="text/css" href="../demos.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="../../jquery-1.2.6.js"></script>
+ <script type="text/javascript" src="../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $('#date123').datepicker({numberOfMonths: 3, showButtonPanel: true});
+ });
+ </script>
+</head>
+<body>
+
+
+<p>Date: <input type="text" id="date123"></p>
+
+
+
+</body>
+</html>
|