Submit your widget

jQuery time picker plugin

Created 13 years ago   Views 8518   downloads 1640    Author radoslavdimov
jQuery time picker plugin
View DemoDownload
Share |


jTimepicker is a jQuery plugin for set hours, minutes and seconds individually with jQuery UI Slider.

Getting started

To use the jTimepicker plugin, include the jQuery library, the jTimepicker source file, the jTimepicker core stylesheet file and jQuery UI files inside the <head> tag of your HTML document:

<link rel="stylesheet" type="text/css" href="css/ui/base/ui.core.css" />
<link rel="stylesheet" type="text/css" href="css/ui/base/ui.theme.css" />
<link rel="stylesheet" type="text/css" href="css/ui/base/ui.slider.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.timepicker.css" />
<script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="lib/ui.core.js"></script>
<script type="text/javascript" src="lib/ui.slider.js"></script>
<script type="text/javascript" src="lib/jquery.jtimepicker.js"></script>

To setup jTimepicker, add the following code inside the <head> tag of your HTML document:

<script type="text/javascript">
    $(document).ready(function() {
            // Configuration goes here

jTimepicker accepts a lot of configuration options, see chapter "Configuration" for further informations.

jTimepicker expects a very basic HTML markup structure inside your HTML document:

<div id="timepicker"></div>