Theme
TimePicker
TimePicker TimePicker is a highly configurable component to integrate time inputs (hours / minutes) in a convenient way.

A typically area of application is working time registration, expense and travel accounts.

Internationalisation page describes how to localize the TimePicker component in multi-language applications.
Components and more
Documentation pe:timePicker
Attributes (move mouse over the names to see data types)
Name Description
id Unique identifier of the component in a namingContainer.
rendered Boolean value to specify the rendering of the component, when set to false component will not be rendered.
binding An EL expression referring to a server side UIComponent instance in a backing bean.
value Value of the component.
widgetVar Name of the client side widget.
required Marks component as required.
validator A method expression referring to a method validationg the input.
valueChangeListener A method binding expression referring to a method for handling a valuchangeevent.
requiredMessage Message to display when required field validation fails.
converterMessage Message to display when conversion fails.
validatorMessage Message to display when validation fails.
accesskey Access key to transfer focus to the input element.
alt Alternate textual description of the input element.
autocomplete Controls browser autocomplete behavior.
dir Direction indication for text that does not inherit directionality.
disabled Disables the time picker when set to true.
label A localized user presentable name for this component.
style Style of the time picker input element.
styleClass Style class of the time picker input element.
timeSeparator The character to use to separate hours and minutes. Default is :.
showPeriod Defines whether or not to show AM/PM with selected time. Default is false.
dialogPosition Corner of the dialog to position. Default is 'left top'.
inputPosition Corner of the input to position. Default is 'left bottom'.
mode Mode specifies appearance of time picker. Possible values are 'popup', 'spinner', 'inline'. Default is 'spinner'.
startHours Specifies first displayed hour. Possible range is 0-23. Default is 0.
endHours Specifies last displayed hour. Possible range is 0-23. Default is 23.
startMinutes Specifies first displayed minute. Possible range is 0-55. Default is 0.
endMinutes Specifies last displayed minute. Possible range is 0-55. Default is 55.
intervalMinutes Specifies interval of displayed minutes. Default is 5.
rows Specifies number of rows for the input tables, minimum 2, makes more sense if you use multiple of 2. Default is 4.
showHours Defines if the hours section is displayed or not. Set to false to get a minute only dialog. Default is true.
showMinutes Defines if the minutes section is displayed or not. Set to false to get a hours only dialog. Default is true.
showCloseButton Shows an 'ok' button to confirm the edit. Default is false.
showDeselectButton Shows the 'deselect' time button. Default is false.
showNowButton Shows the 'now' button. Default is false.
onHourShow Defines a callback to enable / disable certain hours. Example: function onHourShow(hour). Default is null.
onMinuteShow Defines a callback to enable / disable certain minutes. Example: function onMinuteShow(hour, minute). Default is null.
showOn Define when the timepicker is shown. 'focus': when the input gets focus, 'button' when the button trigger element is clicked, 'both': when the input gets focus and when the button is clicked. Default is 'focus'.
locale String or java.util.Locale representing user locale. Default is a locale specified in view root.
minHour Set the minimum hour selectable by the user, disable hours previous to min. hours. Default is null (not set).
minMinute Set the minimum minutes selectable by the user, disable minutes previous to min. minutes. Default is null (not set).
maxHour Set the maximum hour selectable by the user, disable hours after max. hours. Default is null (not set).
maxMinute Set the maximum minutes selectable by the user, disable minutes after max. minutes. Default is null (not set).
readonlyInput Makes input text of a popup calendar readonly. Default is false.
Events (move mouse over the names to see classes)
Name Description
timeSelectfires when an hour / minutes is selected
closefires when the time picker is closed
beforeShowfires before the time picker is rendered and displayed
PrimeFaces Extensions Showcase - © 2011-2018, PrimeFaces: 6.2, PrimeFaces Extensions: 6.2.10, JSF: mojarra 2.3.2, Server: jetty/9.4.2.v20170220, Build time: 2018-11-19 21:23
occured!
Message:
Timestamp:
StackTrace: