/
datepicker.html
executable file
·38 lines (30 loc) · 1.84 KB
/
datepicker.html
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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="content-type" content="text/html; charset=GB2312">
<title>Date / Time Picker</title>
<link rel="stylesheet" href="images/main.css">
<script type="text/javascript" language="javascript" src="images/prototype-1.js"></script>
<script type="text/javascript" language="javascript" src="images/prototype-base-extensions.js"></script>
<script type="text/javascript" language="javascript" src="images/prototype-date-extensions.js"></script>
<script type="text/javascript" language="javascript" src="images/behaviour.js"></script>
<script type="text/javascript" language="javascript" src="images/datepicker.js"></script>
<link rel="stylesheet" href="images/datepicker.css">
<script type="text/javascript" language="javascript" src="images/behaviors.js"></script>
</head><body>
<div id="page">
<div id="content">
<h3>Demo</h3>
<form onsubmit="return false;">
<div style="float:left; width:400px;">Date only:</div> <input class="datepicker" />
<br clear="all"/><br />
<div style="float:left; width:400px;">Time only:</div> <input class="timepicker" />
<br clear="all"/><br />
<div style="float:left; width:400px;">Date and time, horizontal layout, 24-hour time:</div> <input class="datetimepicker"/>
<br clear="all"/><br />
<div style="float:left; width:400px;">Date and time, vertical layout, localized (es_AR):</div> <input class="datetimepicker_es"/>
<br clear="all"/>
</form>
</div></div><br />
More script and css style
: <a href="http://www.htmldrive.net/" title="HTML DRIVE - Free DHMTL Scripts,Jquery plugins,Javascript,CSS,CSS3,Html5 Library">www.htmldrive.net </a>
</body></html>