Demo Jquery Circle Timepicker

24-hour time format




12-hour time format



CODE

			
			/* 
				To connect, you must first plug in the page header to declare the required libraries:
			*/
			<head>
				...
				<link rel="stylesheet" type="text/css" href="css/sltime.css" media="screen" />
				
				<script type="text/javascript" src="js/jquery.js"></script>
				<script type="text/javascript" src="js/jquery.sltime.js"></script>
				<script type="text/javascript" src="js/jquery.event.drag-1.5.min.js"></script>
				...
			</head>
			
			/*
				The code for the plugin: 
			*/
			<script type="text/javascript">
				$(document).ready(function(){
					//Connect the plug with 24-hour format:
					$(".one").sltime({});
					//Connect the plug with 12-hour format:
					$(".two").sltime({format:'12'});
				});	
			</script>