Time Picker Field in WordPress

A time picker field stores a time of day — an opening hour, a preferred viewing slot, a session start — in a consistent form rather than as free text.

What It Does

As with the date field, how the time looks in the editor and how it is returned to your template are set separately.

Before You Start

• Nexter Extension is installed and active.
• Content Fields is enabled under Nexter → Content Fields.
• You have a field group, or are about to create one.

Add a Time Picker Field

1. Go to Nexter → Content Fields and open the Group Fields tab.

2. Open a field group, or create a new one.

3. Click Add Field.

4. Set Field Label to Preferred viewing time. The Field Name fills in automatically and is what you use in code.

5. Set Field Type to Time Picker.

6. Set Display Format — how the time reads in the picker.

7. Set Return Format — how it arrives in your template. H:i:s is the safe choice for comparison.

8. Click Update.

Field Settings

Every field is configured across four tabs. These are the settings this field type offers, read from the field group builder in Nexter Extension 4.9.0.

General

Setting	Options	What it does
Display Format		No help text in the UI.
Return Format		No help text in the UI.
Default to the current time		Use the current time as the default value for this field.

Validation

Setting	Options	What it does
Required		No help text in the UI.

Presentation

Setting	Options	What it does
Instructions		No help text in the UI.
Wrapper Attributes		No help text in the UI.

Conditional Logic

Setting	Options	What it does
Conditional Logic		No help text in the UI.

When to Use It

• A preferred viewing or appointment time.
• An opening or closing hour, usually inside a repeater.
• A session start time on an event.

Display the Value

Format the stored time for display rather than printing it raw:

<?php
$time = nxt_field_value( 'viewtime' );   // e.g. 14:30:00
if ( $time ) {
    echo esc_html( date_i18n( get_option( 'time_format' ), strtotime( $time ) ) );
}

Limitations

• A time field stores a time of day with no date and no time zone. For an exact moment, use a Date Time Picker field.
• A pair of times — open and close — needs two fields, usually inside a repeater.

Troubleshooting

Times sort in the wrong order

A 12-hour Return Format does not sort correctly as text. Use H:i:s and format for display in the template.

The time shifts by a few hours

You are converting a bare time through a timestamp, which applies the site time zone. Compare the stored strings directly if you only care about clock time.

Related Docs

• Create your first field group
• Display a field value on the front end