<kendo:timePicker>
A JSP wrapper for Kendo UI TimePicker.
Configuration Attributes
animation boolean
Configures the opening and closing animations of the popup. Setting the animation option to false will disable the opening and closing animations. As a result the popup will open and close instantly. is not a valid configuration. Further configuration is available via kendo:timePicker-animation.
Example
<kendo:timePicker animation="animation">
</kendo:timePicker>
componentType java.lang.String
Specifies the component type of the widget. "classic" - Uses the standard rendering of the widget. or "modern" - Uses new rendering with a fresh and modern look and feel..
Example
<kendo:timePicker componentType="componentType">
</kendo:timePicker>
culture java.lang.String
Specifies the culture info used by the widget.
Example
<kendo:timePicker culture="culture">
</kendo:timePicker>
dateInput boolean
Specifies if the TimePicker will use DateInput for editing value
Example
<kendo:timePicker dateInput="dateInput">
</kendo:timePicker>
dates java.lang.Object
Specifies a list of dates, which are shown in the time drop-down list. If not set, the TimePicker will auto-generate the available times.
Example
<kendo:timePicker dates="dates">
</kendo:timePicker>
fillMode java.lang.String
Sets a value controlling how the color is applied. Can also be set to the following string values: "none"; "solid"; "flat" or "outline".
Example
<kendo:timePicker fillMode="fillMode">
</kendo:timePicker>
format java.lang.String
Specifies the format, which is used to format the value of the TimePicker displayed in the input. The format also will be used to parse the input.For more information on date and time formats please refer to Date Formatting.
Example
<kendo:timePicker format="format">
</kendo:timePicker>
interval float
Specifies the interval, between values in the popup list, in minutes.
Example
<kendo:timePicker interval="interval">
</kendo:timePicker>
label java.lang.String
Adds a label before the timepicker. If the timepicker has no id attribute, a generated id will be assigned. The string and the function parameters are setting the inner HTML of the label. Further configuration is available via kendo:timePicker-label.
Example
<kendo:timePicker label="label">
</kendo:timePicker>
max java.util.Date
Specifies the end value in the popup list.
Example
<kendo:timePicker max="max">
</kendo:timePicker>
min java.util.Date
Specifies the start value in the popup list.
Example
<kendo:timePicker min="min">
</kendo:timePicker>
parseFormats java.lang.Object
Specifies the formats, which are used to parse the value set with the value method or by direct input. If not set the value of the options.format will be used. Note that value of the format option is always used.
Example
<kendo:timePicker parseFormats="parseFormats">
</kendo:timePicker>
rounded java.lang.String
Sets a value controlling the border radius. Can also be set to the following string values: "none"; "small"; "medium"; "large" or "full".
Example
<kendo:timePicker rounded="rounded">
</kendo:timePicker>
size java.lang.String
Sets a value controlling size of the component. Can also be set to the following string values: "small"; "medium"; "large" or "none".
Example
<kendo:timePicker size="size">
</kendo:timePicker>
value java.util.Date
Specifies the selected time.
Example
<kendo:timePicker value="value">
</kendo:timePicker>
Configuration JSP Tags
kendo:timePicker-animation
Configures the opening and closing animations of the popup. Setting the animation option to false will disable the opening and closing animations. As a result the popup will open and close instantly. is not a valid configuration.
More documentation is available at kendo:timePicker-animation.
Example
<kendo:timePicker>
<kendo:timePicker-animation></kendo:timePicker-animation>
</kendo:timePicker>
kendo:timePicker-label
Adds a label before the timepicker. If the timepicker has no id attribute, a generated id will be assigned. The string and the function parameters are setting the inner HTML of the label.
More documentation is available at kendo:timePicker-label.
Example
<kendo:timePicker>
<kendo:timePicker-label></kendo:timePicker-label>
</kendo:timePicker>
kendo:timePicker-messages
Allows localization of the strings that are used in the widget.
More documentation is available at kendo:timePicker-messages.
Example
<kendo:timePicker>
<kendo:timePicker-messages></kendo:timePicker-messages>
</kendo:timePicker>
kendo:timePicker-popup
The options that will be used for the popup initialization. For more details about the available options refer to Popup documentation.
More documentation is available at kendo:timePicker-popup.
Example
<kendo:timePicker>
<kendo:timePicker-popup></kendo:timePicker-popup>
</kendo:timePicker>
Event Attributes
change String
Fires when the selected date is changed
For additional information check the change event documentation.
Example
<kendo:timePicker change="handle_change">
</kendo:timePicker>
<script>
function handle_change(e) {
// Code to handle the change event.
}
</script>
close String
Fires when the time drop-down list is closed
For additional information check the close event documentation.
Example
<kendo:timePicker close="handle_close">
</kendo:timePicker>
<script>
function handle_close(e) {
// Code to handle the close event.
}
</script>
open String
Fires when the time drop-down list is opened
For additional information check the open event documentation.
Example
<kendo:timePicker open="handle_open">
</kendo:timePicker>
<script>
function handle_open(e) {
// Code to handle the open event.
}
</script>
Event Tags
kendo:timePicker-change
Fires when the selected date is changed
For additional information check the change event documentation.
Example
<kendo:timePicker>
<kendo:timePicker-change>
<script>
function(e) {
// Code to handle the change event.
}
</script>
</kendo:timePicker-change>
</kendo:timePicker>
kendo:timePicker-close
Fires when the time drop-down list is closed
For additional information check the close event documentation.
Example
<kendo:timePicker>
<kendo:timePicker-close>
<script>
function(e) {
// Code to handle the close event.
}
</script>
</kendo:timePicker-close>
</kendo:timePicker>
kendo:timePicker-open
Fires when the time drop-down list is opened
For additional information check the open event documentation.
Example
<kendo:timePicker>
<kendo:timePicker-open>
<script>
function(e) {
// Code to handle the open event.
}
</script>
</kendo:timePicker-open>
</kendo:timePicker>