jQuery.ptTimeSelect

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();

Example 2

Call with customized SET button label. [view source]



$('#sample2 input').ptTimeSelect({
	popupImage: 'Select 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"
});

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() + "
");
	}
	
});

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).