Skip to main content

Time

The time field allows you to select a time via a friendly UI. This field uses jQuery UI time picker libraries.

Screenshots

Settings

Besides the common settings, this field has the following specific settings, the keys are for use with code:

NameKeyDescription
Size of the input boxsizeSize of the input box. Optional. Default 10. Without this setting, the input box is full-width.
InlineinlineWhether to display the time picker inline with the input and don't require to click to show the time picker? true or false (default).
Time picker optionsjs_optionsTime picker options. See here.

This is a sample field settings array when creating this field with code:

[
'name' => 'Time picker',
'id' => 'field_id',
'type' => 'time',
'js_options' => [
'stepMinute' => 15,
'controlType' => 'select',
'showButtonPanel' => false,
'oneLine' => true,
],
],

Data

This field saves ther entered time in the database.

If the field is cloneable, then the value is stored as a serialized array in a single row in the database.

Template usage

Displaying entered time:

<?php $value = rwmb_meta( 'my_field_id' ) ?>
<p>Entered: <?= $value ?>

or simpler:

<p>Entered: <?= rwmb_the_value( 'my_field_id' ) ?>