jTimepicker is a jQuery plugin for set hours and minutes 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:

<script src="lib/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="lib/ui.core.js" type="text/javascript"></script>
<script src="lib/ui.slider.js" type="text/javascript"></script> <script src="lib/jquery.jtimepicker.js" type="text/javascript"></script>

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

<script type="text/javascript">// < ![CDATA[
$(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:

Demo: http://www.radoslavdimov.com/jquery-plugins/jquery-plugin-timepicker/

Download: http://www.radoslavdimov.com/jquery-plugins/jquery-plugin-timepicker/jtimepicker.zip

Source:http://www.radoslavdimov.com/jquery-plugins/

Related Listings:

1. TimePicker Script with jQuery Plugin A time picker for jQuery. list version | table version....
2. Color picker plugin by Farbtastic with jQuery Farbtastic is a jQuery plug-in that can add one or...
3. ClockPick – JQuery Plugin ClockPick – A JQuery plugin that enables you to add...
4. jQuery Cycle Plugin Overview The jQuery Cycle Plugin is a lightweight slideshow plugin....
5. jQuery Date Picker Script This is an clean, unobtrusive plugin for jQuery which allows...

Do you like this post?

Email: