Permalink
Fetching contributors…
Cannot retrieve contributors at this time
101 lines (85 sloc) 4.91 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQueryMobile - DateBox Demos</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.css" />
<link type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.css" rel="stylesheet" />
<link type="text/css" href="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog.min.css" rel="stylesheet" />
<link type="text/css" href="http://dev.jtsage.com/jQM-DateBox/css/demos.css" rel="stylesheet" />
<!-- NOTE: Script load order is significant! -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog.min.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/jQM-DateBox/demos/extras.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/gpretty/prettify.js"></script>
<link type="text/css" href="http://dev.jtsage.com/gpretty/prettify.css" rel="stylesheet" />
<script type="text/javascript">
$('div').live('pagecreate', function() {
prettyPrint();
});
</script>
</head>
<body>
<div data-role="page" data-theme="c" id="main">
<div data-role="header">
<h1>jQueryMobile - DateBox</h1>
</div>
<div data-role="content" data-theme="c">
<div class="content-secondary">
<div id="jqm-homeheader">
<h1 id="jqm-logo"><img src="demos/jquery-logo-db.png" alt="jQuery Mobile Framework :: DateBox" /></h1>
<p>A Date and Time Picker plugin for jQueryMobile 1.0.1</p>
</div>
<p class="intro">Please enjoy the DateBox demos showing many of the features this plugin is capable of.</p>
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
<li data-role="list-divider">Overview</li>
<li><a href="demos/intro.html">Intro &amp; Features</a></li>
<li><a href="demos/api/matrix.html">Full Options Matrix</a></li>
<li><a href="demos/install.html">Download &amp; Use</a></li>
</ul>
</div><!--/content-primary-->
<div class="content-primary">
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
<li data-role="list-divider">Mode Demos</li>
<li><a href="demos/mode/calbox.html">Calendar Mode</a></li>
<li><a href="demos/mode/datebox.html">Android Mode</a></li>
<li><a href="demos/mode/slidebox.html">Slide Mode</a></li>
<li><a href="demos/mode/flipbox.html">Flip Mode</a></li>
<li><a href="demos/mode/timebox.html">Time Mode</a></li>
<li><a href="demos/mode/durationbox.html">Duration Mode</a></li>
<li data-role="list-divider">Option Demos</li>
<li><a href="demos/opt/simplelimit.html">Simple Data Limits</a></li>
<li><a href="demos/opt/advlimit.html">Advanced Data Limits</a></li>
<li><a href="demos/opt/dialog.html">Display (window) Modes</a></li>
<li><a href="demos/opt/open.html">Open Methods</a></li>
<li><a href="demos/opt/clear.html">Clearing the Date</a></li>
<li data-role="list-divider">Interaction Demos</li>
<li><a href="demos/script/link.html">Linked Input Elements</a></li>
<li><a href="demos/script/linkdur.html">Linked Dates w/ a Duration</a></li>
<li><a href="demos/script/linksel.html">Linking w/ a Custom Select</a></li>
<li><a href="demos/script/start.html">Dynamic Start Date</a></li>
<li><a href="demos/script/maxdays.html">Dynamic Ending Date</a></li>
<li><a href="demos/script/convert.html">Using DateBox as a Conversion Library</a></li>
<li data-role="list-divider">Standalone Demos</li>
<li>These stand alone, as the namespace is dirty, and I'm lazy</li>
<li><a href="demos/single/ns.html" rel="external">jQM namespacing enabled</a></li>
<li><a href="demos/single/rec.html" rel="external">Recurring Events</a></li>
<li data-role="list-divider">API</li>
<li><a href="demos/api/globalconfig.html">Configuring Defaults</a></li>
<li><a href="demos/api/dateformat.html">Date Format Defaults</a></li>
<li><a href="demos/api/events.html">Events &amp; Callbacks</a></li>
<li><a href="demos/api/themes.html">Theme Framework</a></li>
<li><a href="demos/api/i8n.html">Internationalization</a></li>
<li><a href="demos/api/i8n-status.html" rel="external">Internationalization Status</a></li>
<li><a href="demos/api/desktop.html">Desktop Operation</a></li>
</ul>
</div>
</div>
<div data-role="footer">
</div>
</div>
</html>