Skip to content

Instantly share code, notes, and snippets.

@softmechanics

softmechanics/timepicker.html

Created January 20, 2011 19:23
Show Gist options
  • Save softmechanics/788439 to your computer and use it in GitHub Desktop.
Save softmechanics/788439 to your computer and use it in GitHub Desktop.
Download ZIP
jquery-ui-timepicker-addon test
Raw
timepicker.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<script src="http://trentrichardson.com/examples/timepicker/js/jquery-1.4.4.min.js"
type="text/javascript">
</script>
<script src=
"http://trentrichardson.com/examples/timepicker/js/jquery-ui-1.8.6.custom.min.js"
type="text/javascript">
</script>
<script src=
"http://trentrichardson.com/examples/timepicker/js/jquery-ui-timepicker-addon.js"
type="text/javascript">
</script>
<link rel="stylesheet"
href=
"http://trentrichardson.com/examples/timepicker/css/ui-lightness/jquery-ui-1.8.6.custom.css"
type="text/css">
<style type="text/css">
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
</style>
<script type="text/javascript">
$(function() {
$("#f3").datetimepicker({
ampm: true
});
});
</script>
</head>
<body>
<form enctype="application/x-www-form-urlencoded"
method="get">
<table>
<tr class="required">
<td>
<label for="f3">Date and Time</label>
<div class="tooltip"></div>
</td>
<td><input id="f3"
class="hasDatepicker"
type="text"
name="f2"
value=""></td>
</tr>
<tr>
<td colspan="2"><input type="submit"></td>
</tr>
</table>
</form>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment