Playground do Day.js e referência de formato

Teste strings de formato e análise do Day.js ao vivo, com tabela de tokens, locales e código para copiar

Os arquivos não saem do seu dispositivo
Roda no navegador
Grátis, sem cadastro, sem marca d’água

Loading Day.js…

Format playground

Format string

Output

Day.js · Code

import dayjs from 'dayjs'

dayjs('').format('YYYY-MM-DD HH:mm:ss')
// →

Format tokens

Click a token to insert it into the format string. Examples use the reference date and locale.

Token	Example	Meaning	Day.js
Year and quarter
		Four-digit year	core
		Two-digit year	core
		Quarter (1–4)	advancedFormat
	not in Day.js	Quarter, ordinal	not in Day.js
Month
		Month (1–12)	core
	not in Day.js	Month, ordinal	not in Day.js
		Month, two digits	core
		Month, short name	core
		Month, full name	core
Day of month and year
		Day of month	core
		Day of month, ordinal	advancedFormat
		Day of month, two digits	core
	not in Day.js	Day of year	not in Day.js
	not in Day.js	Day of year, three digits	not in Day.js
Day of week
		Day of week (0 = Sunday)	core
		Weekday, shortest name	core
		Weekday, short name	core
		Weekday, full name	core
	not in Day.js	Day of week, by locale	not in Day.js
	not in Day.js	ISO day of week (1 = Monday)	not in Day.js
Week
		Week of year, by locale	advancedFormat + weekOfYear
		Week of year, ordinal	advancedFormat + weekOfYear
		Week of year, two digits	advancedFormat + weekOfYear
		ISO week of year	advancedFormat + isoWeek
		ISO week, two digits	advancedFormat + isoWeek
		Week-numbering year, by locale	advancedFormat + weekYear
		ISO week-numbering year	advancedFormat + isoWeek
Hour
		Hour, 0–23	core
		Hour, 00–23	core
		Hour, 1–12	core
		Hour, 01–12	core
		Hour, 1–24	advancedFormat
		Hour, 01–24	advancedFormat
Minute and second
		Minute	core
		Minute, two digits	core
		Second	core
		Second, two digits	core
	not in Day.js	Tenths of a second	not in Day.js
	not in Day.js	Hundredths of a second	not in Day.js
		Milliseconds	core
AM / PM
		AM / PM	core
		am / pm	core
Time zone
		UTC offset, ±HH:mm	core
		UTC offset, ±HHmm	core
		Time zone abbreviation	advancedFormat + timezone
		Time zone name	advancedFormat + timezone
Unix time
		Unix seconds	advancedFormat
		Unix milliseconds	advancedFormat
Localized formats
		Localized time	localizedFormat
		Localized time with seconds	localizedFormat
		Localized numeric date	localizedFormat
		Localized date with month name	localizedFormat
		Localized date and time	localizedFormat
		Localized date and time with weekday	localizedFormat
		Short numeric date	localizedFormat
		Short date with month name	localizedFormat
		Short date and time	localizedFormat
		Short date and time with weekday	localizedFormat
Escaping
		Text in square brackets is printed as is	core

Parse playground

Date string

Expected format

Leave empty to parse ISO 8601.

Strict parsingThe input must match the format exactly.

Day.js · Code

import dayjs from 'dayjs'
import customParseFormat from 'dayjs/plugin/customParseFormat'
import localizedFormat from 'dayjs/plugin/localizedFormat'

dayjs.extend(customParseFormat)
dayjs.extend(localizedFormat)

const d = dayjs('13/10/2026 14:30', 'DD/MM/YYYY HH:mm')
d.isValid()     // → false
d.toISOString() // → Invalid Date

Relative time

Each row shifts the reference date, then describes it relative to the reference with from() and calendar().

Shift	from(ref)	calendar(ref)
.add(-45, 'second')
.add(-10, 'minute')
.add(-3, 'hour')
.add(-1, 'day')
.add(-5, 'day')
.add(-3, 'month')
.add(-2, 'year')
.add(30, 'minute')
.add(2, 'day')
.add(1, 'month')

Day.js · Code

import dayjs from 'dayjs'
import relativeTime from 'dayjs/plugin/relativeTime'
import calendar from 'dayjs/plugin/calendar'

dayjs.extend(relativeTime)
dayjs.extend(calendar)

const ref = dayjs('')
const t = ref.add(-3, 'hour')
t.from(ref)     // 
t.calendar(ref) //

Durations

Amount

Unit

Or an ISO 8601 duration

Day.js · Code

import dayjs from 'dayjs'
import duration from 'dayjs/plugin/duration'
import relativeTime from 'dayjs/plugin/relativeTime'

dayjs.extend(duration)
dayjs.extend(relativeTime)

const d = dayjs.duration(90, 'minutes')
d.humanize()    // → 
d.toISOString() // →

Recipes

Everyday tasks with live results. “Try” loads one into the code runner below.

Task	Day.js
Format the current time	`dayjs().format('YYYY-MM-DD HH:mm:ss')` →
Add days	`dayjs('2023-01-01').add(1, 'day').format('YYYY-MM-DD')` →
Time from now Day.js: relativeTime	`dayjs().subtract(7, 'day').fromNow()` →
First day of this month	`dayjs().startOf('month').format('YYYY-MM-DD')` →
Last day of this year	`dayjs().endOf('year').format('YYYY-MM-DD')` →
Start of this week (locale aware)	`dayjs().startOf('week').format('YYYY-MM-DD ddd')` →
Days between two dates	`dayjs().diff(dayjs('2022-01-01'), 'day')` →
Days in this month	`dayjs().daysInMonth()` →
Quarter of the year Day.js: quarterOfYear	`dayjs().quarter()` →
Calendar time Day.js: calendar	`dayjs().add(1, 'day').calendar()` →
Is a date between two others Day.js: isBetween	`dayjs('2024-12-31').isBetween('2024-01-01', '2025-01-01')` →
Is it today Day.js: isToday	`dayjs().isToday()` →
Is it a leap year Day.js: isLeapYear	`dayjs('2024-01-01').isLeapYear()` →
Validate a date strictly Day.js: customParseFormat	`dayjs('2023-02-30', 'YYYY-MM-DD', true).isValid()` →
Parse a custom format Day.js: customParseFormat	`dayjs('13/10/2026 14:30', 'DD/MM/YYYY HH:mm').format()` →
Unix timestamp in seconds	`dayjs().unix()` →
Current time in UTC Day.js: utc	`dayjs.utc().format()` →
Time in another time zone Day.js: utc + timezone + advancedFormat	`dayjs().tz('America/New_York').format('YYYY-MM-DD HH:mm z')` →
Humanize a duration Day.js: duration + relativeTime	`dayjs.duration(90, 'minutes').humanize()` →
Add a month at the end of a month	`dayjs('2026-01-31').add(1, 'month').format('YYYY-MM-DD')` →
Call add() without reassigning	`(() => { const d = dayjs('2026-01-01'); d.add(1, 'day'); return d.format('YYYY-MM-DD') })()` →

Code runner

Type an expression that uses dayjs. It runs right here in your browser, with every plugin from the recipes enabled and the locale above.

Day.js

Result

Como usar Playground do Day.js e referência de formato

Teste formatação, análise, tempo relativo e durações do Day.js com uma data que você escolhe, com a saída atualizando enquanto você digita. Cada resultado vem com as linhas de import e dayjs.extend() de que precisa, e uma tabela de tokens mostra qual plugin cada token de formato exige.

1
Defina a Data e hora de referência (ou clique em Agora), escolha um Locale e ative Tratar como UTC se o seu código usa dayjs.utc().
2
Digite um padrão em String de formato ou clique em um preset; clique em qualquer token em Tokens de formato para inseri-lo no cursor.
3
Copie o código gerado abaixo da Saída, que já inclui os imports de plugin de que precisa.
4
No Playground de análise, informe uma String de data e um Formato esperado e ative Análise estrita para rejeitar datas que não existem.
5
Clique em Experimentar em qualquer das Receitas para carregá-la no Executor de código, depois edite e veja o resultado atualizar.

Perguntas frequentes

De qual plugin eu preciso para um token de formato?

A coluna Day.js de Tokens de formato diz core ou nomeia o plugin, por exemplo advancedFormat para Do, Q e X, ou localizedFormat para L e LLLL. O trecho de código acrescenta o import correspondente e as linhas dayjs.extend() para você.

Por que um token funciona aqui, mas sai errado no meu projeto?

Este playground carrega todos os plugins. O core do Day.js só substitui os tokens que conhece, então sem advancedFormat o Q permanece Q e Do vira o número do dia seguido de um o solto. Estenda o plugin que a tabela nomeia; alguns tokens do Moment, como DDD ou E, não existem no Day.js.

Por que 2023-02-30 é aceita como data válida?

Sem o modo estrito, o Day.js empurra um dia impossível para o mês seguinte. Ative Análise estrita (o terceiro argumento, true, com o plugin customParseFormat) e a mesma entrada é relatada como inválida.

Como coloco texto simples em um formato?

Envolva-o em colchetes. Por exemplo, [Week] W, GGGG imprime a palavra Week seguida do número e do ano da semana ISO.

O executor de código envia meu código a algum lugar?

Não. O Day.js, seus plugins e os arquivos de locale rodam dentro desta página, e sua expressão é avaliada no navegador com todos os plugins usados pelas receitas ativados.

Posso converter uma hora para outro fuso horário?

A receita Hora em outro fuso horário mostra dayjs().tz() com os plugins utc e timezone. Para comparar vários fusos lado a lado, use o Conversor de fuso horário.