Time Field
<k-time-field>
<k-time-field v-model="time" name="time" label="Time" />Props
autofocus
Boolean (default: false)
If true, the field will be instantly focused when the form is created
disabled
Boolean (default: false)
If true, the field is disabled and cannot be filled in or edited
help
String (default: null)
Sets the help text below the field
icon
String (default: null)
Sets the icon, that is shown on the right next to the input.
label
String (default: null)
Sets the label text for the field.
name
String (default: null)
The name of the field must be defined to get fields in fieldsets up and running.
notation
Number (default: 24)
Switches between the 12 or 24 hours format. In case of 12 hours, an additional AM/PM selector will be shown.
required
Boolean (default: false)
If true, the field must not be empty
step
Number (default: 5)
The step between each option in the minutes selector.
value / v-model
String (default: null)
The time must be provided as iso date string. i.e. 2012-12-12T22:33:00 or just the time 22:33:00
Methods
focus()
The focus event can be used to set the focus on the field.
Events
@input
The input event is triggered when the value changes.
CSS class
.k-time-field