A simple JQuery timepicker plugin.
First put a reference to timepicker.min.js and timepicker.css in your html.
<link rel="stylesheet" type="text/css" href="proxy.php?url=https%3A%2F%2Fredirect.github.com%2Fjs%2Ftimepicker%2Ftimepicker.css">
<script type="text/javascript" src="proxy.php?url=https%3A%2F%2Fredirect.github.com%2Fjs%2Ftimepicker%2Ftimepicker.min.js"></script>
In your html markup, like what is shown below, create input element. Note: Make sure to have a reference to the element by using id or class.
<input id='mytimeicker' type='text'/>
In your javascript code, call the .timepicker() function, as shown below.
$('#mytimeicker').timepicker();