Submit your widget

jQuery time picker plugin

Created 9 years ago   Views 12559   downloads 2592    Author radoslavdimov
jQuery time picker plugin
View DemoDownload 104.8 KB
134
Share |

Introduction

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() {
        $('#timepicker').jtimepicker({
            // Configuration goes here
        });
    });
</script>

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>