Time

import Screenshots from '@site/src/components/Screenshots';

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

Screenshots

<Screenshots name="time" col1={[ ['https://imgur.elightup.com/xwV5FN5.png', 'The time field interface'], ['https://imgur.elightup.com/S83Wpau.png', 'The time field with select dropdowns'] ]} />

Settings

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

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' ) ?>