A time picker for jQuery. list version | table version. Requires below plugin for correct positioning. There is also another version (not by me) that has a few extra features and a demo of it working with the datePicker plugin.

This is an clean, unobtrusive plugin for jQuery which allows you to easily add date inputing functionality to your web forms and pages. Designed from the ground up to be flexible and extensible, the date picker can be used in unlimited ways to allow you to add calendar widgets to your pages.

Usage

Simply reference the relevant files at the head of your page like so:

<!-- jQuery -->
<script type="text/javascript" src="scripts/jquery-1.2.6.min.js"></script>

<!-- required plugins -->
<script type="text/javascript" src="scripts/date.js"></script>
<!--[if IE]><script type="text/javascript" src="scripts/jquery.bgiframe.js"></script>< ![endif]-->

<!-- jquery.datePicker.js -->
<script type="text/javascript" src="scripts/jquery.datePicker.js"></script>

(note that I am using IE’s conditional compilation to include the bgiframe plugin as it isn’t necessary for other browsers so it seems pointless for them to download it)

Then simply instantiate the date picker as you like – see the demos below for inspiration…

Demo: http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePicker.html
Download: http://jqueryjs.googlecode.com/svn/trunk/plugins/timepicker/jquery.timepicker-list.js
http://jqueryjs.googlecode.com/svn/trunk/plugins/timepicker/jquery.timepicker-table.js
Source: http://www.texotela.co.uk/code/jquery/timepicker/

Related Listings:

1. jQuery Date Picker Script This is an clean, unobtrusive plugin for jQuery which allows...
2. jTimepicker jQuery Time Picker Plugin jTimepicker is a jQuery plugin for set hours and minutes individually...
3. DatePicker v4 Ajax Script My 3rd and final attempt writing a datePicker (calendar) that...

Do you like this post?

Email: