Back to contents

JetEngine. How to display date with Dynamic Field. Various methods overview

This tutorial will guide you through the various method of the process of displaying the date with Dynamic Field widget of the JetEngine plugin.

This tutorial is held on the JetEngine plugin. There are several ways to display the date of the post on your website. Before we look at each of them, let’s take a peek at formatting date and time in WordPress.

Adjusting the Time and Date Format

1 Step – Open your WordPress Dashboard and proceed to the Settings > General. Now you can see the General Settings screen.

Title, Label and Active Label

2 Step – Scroll down to the Date Format section. Choosing a certain format you apply it throughout the whole WordPress installation. Here you have several options available.

Title, Label and Active Label

Each letter on the right represents a specific part of the date. Here is what they mean:

  • F – full name for the month;
  • j – the day of the month;
  • Y – the year in 4 digits;
  • y – the year in two last digits;
  • l – full mane for the day of the week;
  • m – a month in numbers;
  • d – a day of the month in numbers;
  • etc.

If you want to learn more, read this article by WordPress support. Pay attention that you can set a custom date format using the appropriate letters.

3 Step – Don’t forget to specify the day the week starts on in the Week Starts On dropdown at the very bottom of the page.

Displaying date with Dynamic Meta

1 Step – Open the post where you want to display the date. Find the Dynamic Meta widget and drop it to the page.

2 Step – Open the content accordion block and see the item you already have there: date, author and comments.

Title, Label and Active Label

3 Step – Click the date item to reveal the additional options. Here you can select the Type as date, assign it a specific Icon, type in Prefix and Suffix.

4 Step – Move towards the Date Settings accordion block, where you can set the Format of the date and make the date linked to Archive, post or disable the link in the Link dropdown.

Title, Label and Active Label

5 Step – Click the Publish button and enjoy!

Displaying date with Dynamic Field (Post Data)

If you need to display the date when the publication was published, follow the 3-step instruction below.

1 Step – Go to the page and find the Dynamic Field widget. Drag and drop it to the page.

2 Step – Open the Content accordion block and proceed to the Source dropdown where you have to choose the Post/Term Data option.

3 Step – In the Object Field dropdown, select Date. And now you can see the date on the page.

Title, Label and Active Label

Displaying date with Dynamic Field (Meta Data)

Sometimes you are required to display the date different from the date of publishing the post. For instance, you are posting an event and need to display its date. Follow the instruction below to do so.

1 Step – Go to JetEngine > Meta Boxes and click the Add New button to create a meta box.

2 Step – Give it a name Date in the respective text field.

Title, Label and Active Label

3 Step – This meta box is for Posts which you have to specify in the Meta Box for dropdown.

4 Step – Select the Post types as Posts.

5 Step – Write down the Title for this meta field as Date.

Title, Label and Active Label

6 Step – Specify the Name/ID as date.

7 Step – And the most important step is to identify the Type of the meta field as Date.

8 Step – Scroll up to the top of the page and click the Add Meta Box button to save the changes.

9 Step – Open any post which you want to display the date of and scroll down to the Date section. Here you can see the meta field you have just created.

10 Step – Click the field to open the visual calendar. Select the appropriate date. Don’t forget to click the Update button to save the changes. Go to the other posts and repeat the procedure.

11 Step – Open the page and find the Dynamic Field widget. Drag and drop it to the page.

Title, Label and Active Label

12 Step – Open the Content accordion brock and go to the Source dropdown to choose the Meta Data option.

13 Step – In the Meta Field dropdown, select the Date meta field.

14 Step – Toggle the Filter field output option to Yes to reveal the additional options.

Title, Label and Active Label

15 Step – In the Callback, dropdown select the Format date option and the date will appear on the page.

16 Step – You can change the way the date is displayed in the Format dropdown.

Now you know several ways to display the date on the page. Choose the one you like most.