{"id":51454,"date":"2026-04-01T19:03:56","date_gmt":"2026-04-01T19:03:56","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=tips-and-tricks&p=51454"},"modified":"2026-04-01T19:16:14","modified_gmt":"2026-04-01T19:16:14","slug":"showing-user-age-in-the-listing-grid-via-calculated-callback-add-on","status":"publish","type":"tips-and-tricks","link":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/showing-user-age-in-the-listing-grid-via-calculated-callback-add-on\/","title":{"rendered":"Showing User Age in the Listing Grid via Calculated Callback Add-on"},"content":{"rendered":"\n

This tutorial exemplifies a case of calculating and displaying the user-associated data on the front end without using forms and specific fields. In particular, here we use a code that adds a new callback to the Dynamic Field<\/strong><\/a> widget to display the user\u2019s experience (in years) on the front end using a value inserted previously into a \u201cDate\u201d meta field<\/a>.<\/p>\n\n\n\n

Create a Meta Box for Users<\/strong><\/h2>\n\n\n\n
\n

First, move to the WordPress Dashboard ><\/em><\/strong> JetEngine > Meta Boxes <\/em><\/strong>directory. The \u201cAdd New<\/strong>\u201d button at the top of the page allows one to add a new meta box<\/a>.<\/p>\n\n\n\n

Here, first fill out the Meta Box Title<\/strong> text field (we type \u201cMB for Users\u201d), next set the \u201cUser\u201d Meta Box for<\/strong>, and move to the Visibility Conditions<\/strong> section to specify the \u201cEdit User & Profile\u201d option in the Visible at<\/strong> drop-down list.<\/p>\n\n\n\n

\"adding<\/a><\/div>\n\n\n\n

After that, move to the Meta fields<\/strong> section and press the \u201cNew Meta Field<\/strong>\u201d button. Here, create a \u201cDate\u201d meta field: fill out the Label<\/strong> text field (we type the \u201cemployment date\u201d), set the \u201cDate\u201d Field Type<\/strong>, and enable the Save as timestamp<\/strong> toggle.<\/p>\n\n\n\n

If needed, add other meta fields to the Meta Box<\/strong>.<\/p>\n\n\n\n

\"adding<\/a><\/div>\n\n\n\n

After that, save the changes by pressing the \u201cCreate\/Update Meta Box<\/strong>\u201d button.<\/p>\n\n\n\n

The How to Apply Meta Boxes to Users<\/strong><\/a> <\/strong>tutorial <\/strong>provides you with more details about configuring the user profile\u2019s settings<\/p>\n\n\n\n

In the last step, move to the WordPress Dashboard > Users > All Users<\/em><\/strong> tab and click the \u201cEdit<\/strong>\u201d button under the needed user or create a new one. Among the other default settings at the bottom of the page, you will see the meta fields you created previously. Fill in the fields with the appropriate information and click the \u201cUpdate Profile<\/strong>\u201d button.<\/p>\n\n\n\n

\"filling<\/a><\/div>\n<\/div><\/div>\n\n\n\n

Download and Activate the Add-on<\/strong><\/h2>\n\n\n\n
\n

First, navigate to the Crocoblock Dev Tools<\/strong> page<\/a> to observe all available add-ons.<\/p>\n\n\n\n

\"the<\/a><\/div>\n\n\n\n

On this page, you can find the Calculated callback add-on, <\/em>or click the <\/em>JetEngine<\/strong> tab <\/em>to download it there.<\/p>\n\n\n\n

\"the<\/a><\/div>\n\n\n\n

After that, install and activate the add-on as any WordPress plugin. Read more details in the How to Install Plugins Manually<\/strong><\/a> and How to Install JetPlugins via WordPress Dashboard<\/strong><\/a> <\/strong>tutorials.<\/p>\n<\/div><\/div>\n\n\n\n

Add the Code <\/strong><\/h2>\n\n\n\n
\n

Next, head to the WordPress Dashboard ><\/em><\/strong> Appearance > Theme Editor<\/em><\/strong> and paste the code at the end of the Theme Functions <\/strong>file of your active WordPress theme.<\/p>\n\n\n

<\/svg><\/div>
Warning<\/div>

The code presented herein is intended to calculate the difference between years; therefore, it can be used to specify age, experience, etc. In case you need to display users with birthdays this month on the current day and after, read the How to Generate SQL Query with Open AI: Displaying Users' Birthdays <\/strong> <\/a>tutorial.<\/p><\/div><\/div>\n\n\n\n

<\/p>\n\n\n\n

add_filter( 'jet-engine-calculated-callback\/config', function( $callbacks = array() ) {\n          $callbacks['DOB'] = function( $field_value ) {\n                $dob = getdate($field_value);\n        $today = getdate();\n        $year_diff = $today['year'] - $dob['year'];\n        if ($today['mon']>$dob['mon'] || ($today['mon']==$dob['mon'] && $today['mday']>=$dob['mday'])){\n           return $year_diff;\n\n        }\n\n\n        return $year_diff-1;\n\n  };\n\n\n  return $callbacks;\n\n} );\n<\/code><\/pre>\n\n\n\n
\"adding<\/a><\/div>\n\n\n\n
In this code, one can edit the callback name by typing it instead of the \u2018DOB\u2019 text. <\/p>\n\n\n\n
Finally, once completed, press the \u201cUpdate File<\/strong>\u201d button.<\/p>\n\n\n\n
Apply the Callback<\/strong><\/h2>\n<\/div><\/div>\n\n\n\n
\n
Proceed to WordPress Dashboard > JetEngine > <\/em><\/strong>Listings<\/em><\/strong><\/a>\/Components<\/em><\/strong> and click the \u201cAdd New<\/strong>\u201d button. Select the \u201cUsers\u201d option in the Listing source<\/strong> field. To create a \u201cUser Type\u201d Listing<\/strong><\/a>, enter the specific name and choose the \u201cElementor\u201d option in the Listing View<\/strong> field.<\/p>\n\n\n\n
Then, add the Dynamic Field<\/strong><\/a> widget and configure the following settings: first, enable the Filter field output<\/strong> toggle; next, select the \u201cCalculated field\u201d Callback<\/strong>, and after that, choose the callback added via the code in the Calculated callbacks<\/strong> drop-down list (the \u2018DOB\u2019 callback, according to its name in the code).<\/p>\n\n\n\n
In the last step, enable the Customize field output<\/strong> toggle and insert the needed text in the appeared Field format<\/strong> field.<\/p>\n\n\n\n
\"the<\/a><\/div>\n<\/div><\/div>\n\n\n\n
Finally, publish the listing.
That\u2019s it. Now you know how to calculate the difference between years and display the user\u2019s age or experience without forms and specific fields using the JetEngine<\/em>\u2019s Calculated callback addon<\/em> for WordPress.<\/p>\n","protected":false},"excerpt":{"rendered":"
This tutorial exemplifies a case of calculating and displaying the user-associated data on the front end without using forms and specific fields. In particular, here we use a code that adds a new callback to the Dynamic Field widget to display the user\u2019s experience (in years) on the front end using a value inserted previously […]<\/p>\n","protected":false},"author":12,"featured_media":0,"template":"","format":"standard","tipstricks-tags":[359],"yoast_head":"\nShowing User Age on the Front End Without a Form \u4e00 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to calculate the difference between years and display the user\u2019s age or experience without forms and specific fields using the JetEngine\u2019s Calculated callback add-on for WordPress.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/showing-user-age-in-the-listing-grid-via-calculated-callback-add-on\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Showing User Age on the Front End Without a Form \u4e00 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to calculate the difference between years and display the user\u2019s age or experience without forms and specific fields using the JetEngine\u2019s Calculated callback add-on for WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/showing-user-age-in-the-listing-grid-via-calculated-callback-add-on\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-01T19:16:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/adding-a-new-meta-box-for-users-1024x640.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/showing-user-age-in-the-listing-grid-via-calculated-callback-add-on\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/showing-user-age-in-the-listing-grid-via-calculated-callback-add-on\/\",\"name\":\"Showing User Age on the Front End Without a Form \u4e00 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2026-04-01T19:03:56+00:00\",\"dateModified\":\"2026-04-01T19:16:14+00:00\",\"description\":\"Learn how to calculate the difference between years and display the user\u2019s age or experience without forms and specific fields using the JetEngine\u2019s Calculated callback add-on for WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/showing-user-age-in-the-listing-grid-via-calculated-callback-add-on\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/showing-user-age-in-the-listing-grid-via-calculated-callback-add-on\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/showing-user-age-in-the-listing-grid-via-calculated-callback-add-on\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tips & tricks\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Showing User Age in the Listing Grid via Calculated Callback Add-on\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Showing User Age on the Front End Without a Form \u4e00 JetEngine | Crocoblock","description":"Learn how to calculate the difference between years and display the user\u2019s age or experience without forms and specific fields using the JetEngine\u2019s Calculated callback add-on for WordPress.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/showing-user-age-in-the-listing-grid-via-calculated-callback-add-on\/","og_locale":"en_US","og_type":"article","og_title":"Showing User Age on the Front End Without a Form \u4e00 JetEngine | Crocoblock","og_description":"Learn how to calculate the difference between years and display the user\u2019s age or experience without forms and specific fields using the JetEngine\u2019s Calculated callback add-on for WordPress.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/showing-user-age-in-the-listing-grid-via-calculated-callback-add-on\/","og_site_name":"Help Center","article_modified_time":"2026-04-01T19:16:14+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/adding-a-new-meta-box-for-users-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/showing-user-age-in-the-listing-grid-via-calculated-callback-add-on\/","url":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/showing-user-age-in-the-listing-grid-via-calculated-callback-add-on\/","name":"Showing User Age on the Front End Without a Form \u4e00 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2026-04-01T19:03:56+00:00","dateModified":"2026-04-01T19:16:14+00:00","description":"Learn how to calculate the difference between years and display the user\u2019s age or experience without forms and specific fields using the JetEngine\u2019s Calculated callback add-on for WordPress.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/showing-user-age-in-the-listing-grid-via-calculated-callback-add-on\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/showing-user-age-in-the-listing-grid-via-calculated-callback-add-on\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/showing-user-age-in-the-listing-grid-via-calculated-callback-add-on\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Tips & tricks","item":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/"},{"@type":"ListItem","position":3,"name":"Showing User Age in the Listing Grid via Calculated Callback Add-on"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/tips-and-tricks\/51454"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/tips-and-tricks"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/tips-and-tricks"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/12"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=51454"}],"wp:term":[{"taxonomy":"tipstricks-tags","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/tipstricks-tags?post=51454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}