@@ -14,40 +14,40 @@ All code contributions and bug reports are much appreciated. Please be sure to
1414
1515Example
1616--------------------------------
17- <html >
18- <head >
19- <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
20- <script type="text/javascript" src="http://code.jquery.com/ui/1.8.16/jquery-ui.min.js"></script>
21- <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.8.16/themes/ui-lightness/jquery-ui.css" />
22- <script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>
23-
24- <style type="text/css">
25- /* css for timepicker */
26- #ui-datepicker-div{ font-size: 80%; }
27- .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
28- .ui-timepicker-div dl { text-align: left; }
29- .ui-timepicker-div dl dt { height: 25px; }
30- .ui-timepicker-div dl dd { margin: -25px 10px 10px 65px; }
31- .ui-timepicker-div td { font-size: 90%; }
32- .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
33- </style>
34-
35- </head >
36-
37- <script type =" text/javascript " >
38- $ (' document' ).ready (function () {
39-
40- $ (" #date" ).datetimepicker ({
41- ampm: true ,
42- timeFormat: ' hh:mm TT'
43- });
17+ <html>
18+ <head>
19+ <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
20+ <script type="text/javascript" src="http://code.jquery.com/ui/1.8.16/jquery-ui.min.js"></script>
21+ <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.8.16/themes/ui-lightness/jquery-ui.css" />
22+ <script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>
23+
24+ <style type="text/css">
25+ /* css for timepicker */
26+ #ui-datepicker-div{ font-size: 80%; }
27+ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
28+ .ui-timepicker-div dl { text-align: left; }
29+ .ui-timepicker-div dl dt { height: 25px; }
30+ .ui-timepicker-div dl dd { margin: -25px 10px 10px 65px; }
31+ .ui-timepicker-div td { font-size: 90%; }
32+ .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
33+ </style>
34+
35+ </head>
36+
37+ <script type="text/javascript">
38+ $('document').ready(function() {
39+
40+ $("#date").datetimepicker({
41+ ampm: true,
42+ timeFormat: 'hh:mm TT'
43+ });
4444
45- });
46- </script >
45+ });
46+ </script>
4747
48- <body >
48+ <body>
4949
50- <input id="date">
50+ <input id="date">
5151
52- </body >
53- </html >
52+ </body>
53+ </html>
0 commit comments