aboutsummaryrefslogtreecommitdiffstats
path: root/demos
diff options
context:
space:
mode:
authorKeith Wood <kbwood.au@gmail.com>2009-06-21 07:28:51 +0000
committerKeith Wood <kbwood.au@gmail.com>2009-06-21 07:28:51 +0000
commit3b5c91fdc668bd02cfb0293cf167f05a5c5b4b86 (patch)
tree1c0730894087b648203750643e0f2cf01e6cdbaa /demos
parent82df8dbf533f2b44602e33c4201d7fe8475be919 (diff)
downloadjquery-ui-3b5c91fdc668bd02cfb0293cf167f05a5c5b4b86.tar.gz
jquery-ui-3b5c91fdc668bd02cfb0293cf167f05a5c5b4b86.zip
Datepicker. Fixed #3657 showOtherMonths should allow the selection of days from other months
Diffstat (limited to 'demos')
-rw-r--r--demos/datepicker/index.html1
-rw-r--r--demos/datepicker/other-months.html32
2 files changed, 33 insertions, 0 deletions
diff --git a/demos/datepicker/index.html b/demos/datepicker/index.html
index c71922f2b..9cce296e7 100644
--- a/demos/datepicker/index.html
+++ b/demos/datepicker/index.html
@@ -17,6 +17,7 @@
<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 &amp; year menus</a></li>
+ <li><a href="other-months.html">Dates in other months</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="event-search.html">Event Search</a></li>
diff --git a/demos/datepicker/other-months.html b/demos/datepicker/other-months.html
new file mode 100644
index 000000000..f555f3f98
--- /dev/null
+++ b/demos/datepicker/other-months.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>jQuery UI Datepicker - Dates in other months</title>
+ <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+ <script type="text/javascript" src="../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
+ <link type="text/css" href="../demos.css" rel="stylesheet" />
+ <script type="text/javascript">
+ $(function() {
+ $("#datepicker").datepicker({showOtherMonths: true, selectOtherMonths: true});
+ });
+ </script>
+</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 -->
+
+</body>
+</html>