Skip to content

Kirby 3.5.7.1

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()

Set the focus on the field.

Events

@input

The input event is triggered when the value changes.

CSS class

.k-time-field