string The format of the time string displayed in the input and the menu items in the combobox. Available modifiers are:

$(document).ready(function(){
    $('input.timepicker').timepicker({ timeFormat: 'h:mm:ss p' });
});

A Date object, string or the word 'now'. Only the time parts (getHours, getMinutes) of the object are important. It must be a valid time, according to minTime, minHour, minMinutes, maxTime, maxHour and maxMinutes.

If 'now' is passed, the current time as returned by new Date() will be used as the default value.

A Date object or string. Only the time parts (getHours, getMinutes) of the object are important. Time entries before minTime won't be displayed/allowed.

int. Time entries with an 24-hour part before minHour won't be displayed/allowed. Ignored if minTime is set.

int Time entries with minutes part before minMinutes won't be displayed/allowed. Ignored if minTime is set.

A Date object or string. Only the time parts (getHours, getMinutes) of the object are important. Time entries after minTime won't be displayed/allowed.

int. Time entries with an 24-hour part after maxHour won't be displayed/allowed. Ignored if maxTime is set.

int. Time entries with minutes part after maxHour won't be displayed/allowed. Ignored if maxTime is set.

A Date object or string. The time of the first item in the combobox when the input field is empty. If the input field is not empty the first item will be the next allowed time entry.

int The 24-hour part of the first item in the combobox when the input field is emptye. If input field is not empty the first item will be the next allowed time entry. Ignored if startTime is set.

int The minutes part of the first item in the combobox when the input field is emptye. If input field is not empty the first item will be the next allowed time entry. Ignored if startTime is set.

int Separation in minutes between time entries in the dropdown menu.

$(document).ready(function(){
    $('input.timepicker').timepicker({
        timeFormat: 'HH:mm:ss',
        minTime: '11:45:00' // 11:45:00 AM,
        maxHour: 20,
        maxMinutes: 30,
        startTime: new Date(0,0,0,15,0,0) // 3:00:00 PM - noon
        interval: 15 // 15 minutes
    });
});

boolean Whether the dropdown should be displayed or not.

boolean If a date is already selected and dynamic is true, the items in the dropdown will be arranged so that the first item is chronologically right after the selected time entry.

boolean Whether the scrollbars should be displayed or not.

int The value for the z-index property of the timepicker's container <div>.

Event triggerd when the value of the input field changes. A Date object containing the selected time is passed as the first argument of the callback.

$(document).ready({
    $('input.timepicker').timepicker({
        change: function(time) {
            // the input field
            var element = $(this), text;
            // get access to this Timepicker instance
            var timepicker = element.timepicker();
            text = 'Selected time is: ' + timepicker.format(time);
            element.siblings('span.help-line').text(text);
        }
    });
});