Dates
Convenient component to display dates.
Dec 10
00:42
Wednesday, December 10, 2025 12:42 AM
Dec 10, 2024
00:42
Tuesday, December 10, 2024 12:42 AM
<x-ui::datetimeForHumans :date="now()" />
<x-ui::datetimeForHumans :date="now()->subYear()" />
Copied!
Seconds
You can display the seconds as well
Dec 10
00:42:00
Wednesday, December 10, 2025 12:42 AM
Dec 10, 2024
00:42:00
Tuesday, December 10, 2024 12:42 AM
<x-ui::datetimeForHumans :withSeconds="true" :date="now()" />
<x-ui::datetimeForHumans :withSeconds="true" :date="now()->subYear()" />
Copied!
Without time
There is the option to display just the date without time
Dec 10
Dec 10, 2024
<x-ui::dateForHumans :date="now()" />
<x-ui::dateForHumans :date="now()->subYear()" />
Copied!