Time Picker Display Format

This topic has 4 replies, 2 voices, and was last updated 2 years, 10 months ago by Solace.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
December 30, 2021 at 7:37 AM #32915

Solace
Participant

Hi there, I used the migrator tool from ACF to Meta Box and having issues with the time picker option. With ACF there are options for Display Format, such as "g:i a" but with Meta Box I do not see that option. Where can I set the time to be:

a) 12 hour format
b) add PM or AM, based on the time?

Add New Note to this Reply

December 30, 2021 at 5:09 PM #32928
Long Nguyen
Moderator
Hi,

If you are using the Builder, you can use the option "Time picker options" to set the time format. Screenshot https://share.getcloudapp.com/RBuy71Rl

Or using the code
```
'fields' => [
  [
    'name'       => __( 'Time Picker', 'your-text-domain' ),
    'id'         => 'time_picker',
    'type'       => 'time',
    'js_options' => [
      'timeFormat' => 'hh:mm TT',
    ],
  ],
],
```
Refer to the documentation https://docs.metabox.io/fields/time/
https://trentrichardson.com/examples/timepicker/

Add New Note to this Reply
January 1, 2022 at 12:44 AM #32952

Solace
Participant

Hi Long, I did see this article in another place and tried it but for some reason the time still renders as 24 hour format without am/pm. I'm using Oxygen Builder, am I missing a step?

Add New Note to this Reply

January 1, 2022 at 9:25 AM #32953

Long Nguyen
Moderator

Hi,

In case of using Oxygen Builder, please reach to them if you have any issues with installation, configuration, compatibility, or usage.
Refer to our support policy https://support.metabox.io/topic/support-policy/

Add New Note to this Reply

January 8, 2022 at 12:51 AM #33066

Solace
Participant

Hi again Long, I reached out to Oxygen and after going back and forth figured out the issue. And it may be helpful to include this in the ACF migration tool documentation. Basically when the migration was finished the time values did not get corrected so I had to go in to each item and manually re-select the time from the time picker and then it worked. Appreciate your help! Feel free to close this ticket.

Add New Note to this Reply
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.