A jQuery Plugin

Download

jQuery.ptTimeSelect

Latest Version: 0.8.0

Required

www.jquery.com (v1.3.2 or higher)

Support

Via the Help Forum at SourceForge. Click here to post your question/problem.

Loading...

Demo

Example 1

Default call with no params defined. [view source] $('#sample1 input').ptTimeSelect();
Start:
End:



Example 2

Call with customized SET button label. [view source] $('#sample2 input').ptTimeSelect({ popupImage: 'Select Time' });
Start Time:
End Time:

Example 3

Call with customized class by the name of timeCntr. The class was defined using the jQuery UI ThemeRoller. [view source] $('#sample3 input').ptTimeSelect({ containerClass: "timeCntr", containerWidth: "350px", setButtonLabel: "Select", minutesLabel: "min", hoursLabel: "Hrs" });
Start:
End:

Example 2

Call with defined events. [view source] $('#sample4 input').ptTimeSelect({ onBeforeShow: function(i){ $('#sample4 #sample4-data').append('onBeforeShow(event) Input field: ' + $(i).attr('name') + "
"); }, onClose: function(i) { $('#sample4 #sample4-data').append('onClose(event)Time selected:' + $(i).val() + "
"); } });
Start Time:

Event Data

ptTimeSelect is a jQuery plugin that provides a UI for a user to define and set a time on a user form. It requires jQuery (obviously) as well as the dimmention.js plugin (available from jQuery as well).