dev_tool/tool_logo/white/dayjs.svg

Test format function with DayJs Online playground

This hands-on tool allows you to experiment with different format configurations in real time, helping you understand and implement Day.js functionality in your projects.

Parameters
Common use
Setting that most people use
    Manual
    Input by your self
    10/12/2024 09:09
    format("DD/MM/YYYY HH:mm")
    December 10, 2024
    format("MMMM D, YYYY")
    Dec 10, 2024
    format("MMM D, YYYY")
    10/12/2567
    format("DD/MM/BBBB")
    09:09 AM
    format("hh:mm A")
    09:09:29
    format("HH:mm:ss")
    December 10, 2024
    format("LL")
    Dec 10, 2024
    format("ll")
    December 10, 2024 9:09 AM
    format("LLL")
    Tuesday, December 10, 2024 9:09 AM
    format("LLLL")
    2024-12-10T09:09:29+00:00
    format("YYYY-MM-DDTHH:mm:ssZ")
Date Value String
Text in any formats that can new Date(...)
Timezone
Enter timezone of the date
Formatting
Enter desired formatting you can see a hint from dropdown
Locale
Output language
Token Tips
These are list of token that you can use in Formatting
YY
Two-digit year
24
YYYY
Four-digit year
2024
M
The month, beginning at 1
12
MM
The month, 2-digits
12
MMM
The abbreviated month name
Dec
MMMM
The full month name
December
View All
Output
N/A
Typescript
Sharing / Save
Copy the link to easily share it with friends, or save the result to revisit and use it later at your convenience.
Copy link
Save
dev_tool/tool_logo/black/dayjs.svg

Other Day.Js common operations

More operations you can play with.

dev_tool/tool_logo/black/dayjs.svg

DayJs blogs

Knowledge / tutorial / howto about DayJs