jQuery.ptTimeSelect

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){
		alert("About to show the widget for input field: " + $(i).attr("name"));
	},
	onClose: function(i) {
		alert("Time selected by user was:" + $(i).val());
	}
	
});

jQuery.ptTimeSelect

Download

Required

Support

Documentation

Installation

Usage

Demo

Example 1

Example 2

Example 3

Example 2