Halloween 40% off every Pro plan. Lifetime from $51, pay once.40% off Pro Vanishes in Claim40% off
Get Animation Addons Pro
Classic Elementor widget · Free

Current Date for Elementor Today's date on any page, in the format you choose

The Elementor current date widget shows today's date anywhere on a page: in a header bar, a news masthead or next to opening hours. It is a plain Elementor date widget with an Elementor dynamic date that needs no code. Pick a ready format or write your own, add the weekday with a separator, and style each part.

Try it free See the live demos
  • Ready and custom formats
  • Day name and separator
  • Row or column layout
  • Site time zone

Classic widget · Elementor 3 and 4Updated

Live demos

Today's date, four ways, live

Four places to show the Elementor current date: a masthead, a status page, an opening-hours card and a top bar. Every date is your own, read from your device when the page loaded.

Northlight ReviewWorldCultureFilm

The Northlight Review

Wednesday
October 14, 2026

Independent film and culture since 2009

A man in a blue desert scarf, from the film reviewedReview

Sand and silence: the slow road through the Sahara

A model in a red pleated collar, from a costume exhibitionExhibition

Costume as character, in forty pieces

The wooden lobby of a small cinemaCinemas

The small screens worth the trip

News masthead

Weekday and date under a masthead

The weekday, a light slash and the full date sit on one centred line under the paper's name, with three stories below. It is the same line a printed paper carries.

Read the date line

Set Date Format to F j, Y, turn Show Day on, keep the Separator as a slash and set Gap to 5 px.

Arolax®WorkStatusDocs
System status
2026-10-14

All systems normal today

  • Client portalOperational
  • Asset deliveryOperational
  • Render queueOperational
Status page

Date as year, month, day

Only the date, written year first, large and centred above the list of services. The format suits status pages, logs and changelogs.

Read today's date

Set Date Format to Y-m-d, leave Show Day off and set Alignment to centre.

MalepèreWinesVisitShop
The Malepère estate website on a tablet and a phone
Cellar door · today
Wednesday
14 October 2026
  • Tastings11:00 to 18:00
  • Estate walk15:00
  • Shop10:00 to 19:00
Opening hours

Day name above the date

The day name large on top and the date underneath, beside today's opening hours. The separator is empty, so no symbol is printed between them.

Read the two lines

Set Date Format to Custom with the Custom Format j F Y, turn Show Day on, empty the Separator and set Direction to Column.

Medica ClinicDoctorsPricesBook
Updated
Wed 14 Oct 2026 at 9:41 am
Walk-in clinic

Same-day appointments

The times below are for today. New slots open every morning at eight.

  • 10:20Dr Okafor
  • 11:40Dr Lindqvist
  • 14:00Dr Okafor
  • 16:30Dr Moreau
Top bar

Date and time in a top bar

A slim bar above the same-day appointments with an Elementor date and time line. The time is the moment the page was built, so it does not tick like a clock.

Read the time stamp

Set Date Format to Custom, type D j M Y \a\t g:i a in Custom Format, leave Show Day off and set Alignment to left.

Features

Key features of Current Date

Every option of the widget, each tied to a setting in the Elementor panel.

Ready date formats

Pick an Elementor date format in Date Format: F j, Y (October 14, 2026), Y-m-d (2026-10-14), m/d/Y (10/14/2026) or d/m/Y (14/10/2026).

Custom format

Choose Custom and type an Elementor custom date format in Custom Format, using PHP date characters. l, jS F Y gives Wednesday, 14th October 2026, and Y alone gives the Elementor current year.

Day name

Turn on Show Day to show the day of the week in Elementor, as its own element you can style.

Separator

Type any Separator, such as a slash, dash or dot. Leave it empty and none is printed.

Gap and direction

Set the Gap between day and date, and a Direction of Default (one line) or Column (stacked).

Alignment

Place the date left, centre or right with Alignment, on every screen size.

Separate styles

Set Color and Typography for the date, Day Color, typography and Margin for the day, and the separator's own colour and font.

Site time zone and language

The widget prints the date with WordPress, so it follows the time zone and language in Settings → General. Month and day names appear in your site language.

Step by step

How to display the current date in Elementor

Five steps. The bold names are the labels in the Elementor panel.

  1. Install Animation Addons for Elementor from WordPress.org, then turn on Current Date in Animation Addons → Elements.

  2. Check the time zone in Settings → General, so the date changes at your midnight.

  3. In Elementor, drag the Current Date widget where today's date should appear.

  4. Choose a Date Format, or Custom with your own Custom Format, and turn on Show Day to show the day of the week in Elementor.

  5. Set the Separator, Gap, Direction and Alignment, then style the date, day and separator.

Try it free Free on WordPress.org · Works with Elementor Free
FAQ

Questions about Current Date

How do I show today's date in Elementor?

Drag the Current Date widget onto the page and pick a Date Format. It prints today's date each time the page is built, with no shortcode or code.

Is there a free Elementor current date widget?

Yes. The Current Date widget ships in the free Animation Addons for Elementor plugin on WordPress.org and works with Elementor Free.

Which Elementor date format can I use?

Four ready formats: F j, Y, Y-m-d, m/d/Y and d/m/Y. Choose Custom to type any Elementor custom date format, for example l, j F Y for Wednesday, 14 October 2026.

How do I show day of the week in Elementor?

Turn on Show Day. The weekday appears before the date, with a Separator you choose. Set Direction to Column to stack the day above the date.

Can it show an Elementor date and time?

Yes. Add time characters to the Custom Format, such as g:i a for 9:41 am. It shows the time the page was built and does not tick like a clock.

How do I add the current year in Elementor?

Set Date Format to Custom and type Y. That prints the Elementor current year, such as 2026, which suits a copyright line in a footer.

Which time zone does the date use?

Your site's time zone from Settings → General. Month and day names follow the site language.

Why does my page show yesterday's date?

A page cache may be serving a copy built the day before. Clear the cache once a day, or leave the page out of the cache.

Does it work in Elementor 4?

Yes. It is a classic widget, so Elementor 4 lists it with the legacy widgets and it works on the same page as atomic elements.

Animation Addons Pro · Elementor 4

Always today, in your style

The Current Date widget: ready or custom formats, the day name and a separator, styled in Elementor.

Get Animation Addons Pro Try it free

Halloween deal40% off every Pro planEnds 5 Nov

  • 15-day money-back guarantee
  • Rated 4.6 / 5 on WordPress.org
  • No Elementor Pro needed
  • Elementor 3 & 4 in one license