github/jquery-ui
1
1
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2026-01-29 21:28:00 -05:00
Code Issues Packages Projects Releases Wiki Activity

Added 4 new datepicker demos, edited index page and default demo

Browse Source
This commit is contained in:
Todd Parker
2008-12-29 19:53:58 +00:00
parent 1d2280575b
commit 6fe25e3758
6 changed files with 99 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
demos/datepicker/buttonbar.html Normal file
View File

@@ -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>

4
demos/datepicker/default.html
View File

@@ -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>

23
demos/datepicker/dropdown_month_year.html Normal file
View File

@@ -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>

6
demos/datepicker/index.html
View File

@@ -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>

22
demos/datepicker/inline.html Normal file
View File

@@ -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>

24
demos/datepicker/multiple_calendars.html Normal file
View File

@@ -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>