]> source.dussan.org Git - jquery-ui.git/commitdiff
projects / jquery-ui.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 1d22805)
Added 4 new datepicker demos, edited index page and default demo
authorTodd Parker <fg.todd@gmail.com>
Mon, 29 Dec 2008 19:53:58 +0000 (19:53 +0000)
committerTodd Parker <fg.todd@gmail.com>
Mon, 29 Dec 2008 19:53:58 +0000 (19:53 +0000)
demos/datepicker/buttonbar.html [new file with mode: 0644] patch | blob
demos/datepicker/default.html patch | blob | history
demos/datepicker/dropdown_month_year.html [new file with mode: 0644] patch | blob
demos/datepicker/index.html patch | blob | history
demos/datepicker/inline.html [new file with mode: 0644] patch | blob
demos/datepicker/multiple_calendars.html [new file with mode: 0644] patch | blob

diff --git a/demos/datepicker/buttonbar.html b/demos/datepicker/buttonbar.html
new file mode 100644 (file)
index 0000000..57e2c5c
--- /dev/null
+++ b/demos/datepicker/buttonbar.html
@@ -0,0 +1,23 @@
+<!doctype html>\r
+<html lang="en">\r
+<head>\r
+       <title>jQuery UI Datepicker - Default Demo</title>\r
+       <link type="text/css" href="../demos.css" rel="stylesheet" />\r
+       <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />\r
+       <script type="text/javascript" src="../../jquery-1.2.6.js"></script>\r
+       <script type="text/javascript" src="../../ui/ui.core.js"></script>\r
+       <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>\r
+       <script type="text/javascript">\r
+       $(function() {\r
+               $('#date123').datepicker({showButtonPanel: true});\r
+       });\r
+       </script>\r
+</head>\r
+<body>\r
+\r
+\r
+<p>Date: <input type="text" id="date123"></p>\r
+\r
+\r
+</body>\r
+</html>\r
diff --git a/demos/datepicker/default.html b/demos/datepicker/default.html
index 27a328af6b5007f1a79e644f1a8cbdfdbecfffa7..0383be419521320527850dc3a25177d50bddabe9 100644 (file)
--- a/demos/datepicker/default.html
+++ b/demos/datepicker/default.html
@@ -9,13 +9,13 @@
        <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>\r
        <script type="text/javascript">\r
        $(function() {\r
-               $("#datepicker").datepicker();\r
+               $("#date123").datepicker();\r
        });\r
        </script>\r
 </head>\r
 <body>\r
 \r
-<input type="text" id="datepicker" />\r
+Date: <input type="text" id="date123" />\r
 \r
 </body>\r
 </html>\r
diff --git a/demos/datepicker/dropdown_month_year.html b/demos/datepicker/dropdown_month_year.html
new file mode 100644 (file)
index 0000000..b0602d6
--- /dev/null
+++ b/demos/datepicker/dropdown_month_year.html
@@ -0,0 +1,23 @@
+<!doctype html>\r
+<html lang="en">\r
+<head>\r
+       <title>jQuery UI Datepicker - Default Demo</title>\r
+       <link type="text/css" href="../demos.css" rel="stylesheet" />\r
+       <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />\r
+       <script type="text/javascript" src="../../jquery-1.2.6.js"></script>\r
+       <script type="text/javascript" src="../../ui/ui.core.js"></script>\r
+       <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>\r
+       <script type="text/javascript">\r
+       $(function() {\r
+               $('#date123').datepicker({changeMonth:true, changeYear:true});\r
+       });\r
+       </script>\r
+</head>\r
+<body>\r
+\r
+\r
+<p>Date: <input type="text" id="date123"></p>\r
+\r
+\r
+</body>\r
+</html>\r
diff --git a/demos/datepicker/index.html b/demos/datepicker/index.html
index 1b40e86117738fc1b3071c1bc5f1667428a08b33..3fa714fdc6d99296742b3f353a03c1e0f5737faa 100644 (file)
--- a/demos/datepicker/index.html
+++ b/demos/datepicker/index.html
@@ -8,7 +8,11 @@
 \r
 <dl class="nav">\r
        <dt>Datepicker</dt>\r
-               <dd><a href="default.html">Default</a></dd>\r
+               <dd><a href="default.html">Default datepicker</a></dd>\r
+               <dd><a href="dropdown_month_year.html">Month & year menus</a></dd>\r
+               <dd><a href="buttonbar.html">Today & Done button bar</a></dd>\r
+               <dd><a href="multiple_calendars.html">3 month view</a></dd>\r
+               <dd><a href="inline.html">Inline datepicker</a></dd>\r
 </dl>\r
 \r
 </body>\r
diff --git a/demos/datepicker/inline.html b/demos/datepicker/inline.html
new file mode 100644 (file)
index 0000000..0221bfb
--- /dev/null
+++ b/demos/datepicker/inline.html
@@ -0,0 +1,22 @@
+<!doctype html>\r
+<html lang="en">\r
+<head>\r
+       <title>jQuery UI Datepicker - Default Demo</title>\r
+       <link type="text/css" href="../demos.css" rel="stylesheet" />\r
+       <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />\r
+       <script type="text/javascript" src="../../jquery-1.2.6.js"></script>\r
+       <script type="text/javascript" src="../../ui/ui.core.js"></script>\r
+       <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>\r
+       <script type="text/javascript">\r
+       $(function() {\r
+               $("#date123").datepicker();\r
+       });\r
+       </script>\r
+</head>\r
+<body>\r
+
+\r
+Date: <div id="date123" /></div>\r
+\r
+</body>\r
+</html>\r
diff --git a/demos/datepicker/multiple_calendars.html b/demos/datepicker/multiple_calendars.html
new file mode 100644 (file)
index 0000000..b502eb3
--- /dev/null
+++ b/demos/datepicker/multiple_calendars.html
@@ -0,0 +1,24 @@
+<!doctype html>\r
+<html lang="en">\r
+<head>\r
+       <title>jQuery UI Datepicker - Default Demo</title>\r
+       <link type="text/css" href="../demos.css" rel="stylesheet" />\r
+       <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />\r
+       <script type="text/javascript" src="../../jquery-1.2.6.js"></script>\r
+       <script type="text/javascript" src="../../ui/ui.core.js"></script>\r
+       <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>\r
+       <script type="text/javascript">\r
+       $(function() {\r
+               $('#date123').datepicker({numberOfMonths: 3, showButtonPanel: true});\r
+       });\r
+       </script>\r
+</head>\r
+<body>\r
+\r
+\r
+<p>Date: <input type="text" id="date123"></p>\r
+\r
+\r
+\r
+</body>\r
+</html>\r
The official jQuery user interface library: https://github.com/jquery/jquery-ui