forked from jtsage/jtsage-datebox
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
54 lines (52 loc) · 4.3 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>jQueryMobile - DateBox Demo</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
<link type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
$( document ).bind( "mobileinit", function(){
$.mobile.page.prototype.options.degradeInputs.date = 'text';
});
</script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.js"></script>
</head>
<body>
<div data-role="page" data-theme="a" id="main">
<div data-role="header">
<h1>jQueryMobile - DateBox Demo (1.0a4.1 base)</h1>
</div>
<div data-role="content" data-theme="c">
<form method="post" action="#">
<div data-role="fieldcontain"><label for="time1">Time Picker (24)</label><input value="10:22" name="time1" type="date" data-options='{"mode": "timebox"}' data-role="datebox" id="time1" /> </div>
<div data-role="fieldcontain"><label for="time2">Time Picker (12)</label><input name="time2" type="date" data-options='{"mode": "timebox", "timeFormat": 12}' data-role="datebox" id="time2" /> </div>
<div data-role="fieldcontain"><label for="date1">Android Style Default</label><input value="2011-01-01" name="date1" type="date" data-role="datebox" id="date1" /> </div>
<div data-role="fieldcontain"><label for="date2">Calendar Style Default</label><input value="2011-01-01" name="date2" type="date" data-role="datebox" id="date2" data-options='{"mode": "calbox"}'/> </div>
<div data-role="fieldcontain"><label for="date3">Android Style, Forced Dialog</label><input value="2011-01-01" name="date3" type="date" data-role="datebox" id="date3" data-options='{"useDialogForceTrue": true}'/> </div>
<div data-role="fieldcontain"><label for="date4">Calendar Style, Forced Dialog</label><input value="2011-01-01" name="date4" type="date" data-role="datebox" id="date4" data-options='{"mode": "calbox", "useDialogForceTrue": true}'/> </div>
<div data-role="fieldcontain"><label for="date5">Android Style, Forced Popup, Day-Month-Year display, After 2009 only.</label><input value="2011-01-01" name="date5" type="date" data-role="datebox" id="date5" data-options='{"useDialogForceFalse": true, "minYear": 2009, "fieldsOrder": ["d", "m", "y"]}'/> </div>
<div data-role="fieldcontain"><label for="date6">Calendar Style, Forced Popup, no Animation</label><input value="2011-01-01" name="date6" type="date" data-role="datebox" id="date6" data-options='{"mode": "calbox", "useDialogForceFalse": true, "noAnimation": true}'/> </div>
<div data-role="fieldcontain"><label for="date7">Calendar Style, This Month Only, Modal Style, Hidden Default (1/1/2010)</label><input name="date7" type="date" data-role="datebox" id="date7" data-options='{"mode": "calbox", "calShowOnlyMonth": true, "useModal": true, "defaultDate": "2010-01-01"}'/> </div>
<div data-role="fieldcontain"><label for="date9">Calendar Style, No Button, Focus Open</label><input value="2011-01-01" name="date7" type="date" data-role="datebox" id="date9" data-options='{"mode": "calbox", "noButtonFocusMode": "true"}'/> </div>
<div data-role="fieldcontain"><label for="txt">Some Text</label><input id="txt" value="Plain text input for comparison" type="text" /></div>
</form>
<div>
<?php
include_once "../markdown.php";
$md_text = file_get_contents("README.md");
echo Markdown($md_text);
?>
</div>
<form method="post" action="#">
<label for="date7">Altering Theme / DateFormat / Day Names</label><input name="date8" type="date" value="25/04/1963" data-options='{"buttonTheme": "b", "dateFormat": "DD/MM/YYYY", "daysOfWeek" : ["Sun", "Mon", "Tue", "Wed", "Thr", "Fri", "Sat"]}' data-role="datebox" id="date8" />
</form>
<a href="range.php" data-role="button">Auto-generating a range of dates.</a>
</div>
<div data-role="footer">
<a href="https://github.com/jtsage/jquery-mobile-datebox">GitHub Source</a><a href="mailto:[email protected]">Contact</a>
</div>
</div>
</html>