Saltar al contenido

Números y fechas

Usa Intl con el idioma activo y opciones explícitas para tus datos.

number y date

Dentro de un componente ts
const { number, date } = useI18n()

number(12345.67, { style: 'currency', currency: 'USD' })
number(0.42, { style: 'percent' })

date(Date.UTC(2026, 0, 15, 12), {
  dateStyle: 'long',
  timeZone: 'UTC',
})

number admite las opciones de Intl.NumberFormat; date, las de Intl.DateTimeFormat. Las instancias se reutilizan por sus opciones dentro del traductor.

Firmas de los formateadores
Nombre Tipo / valor inicial Descripción
number (value: number, options?: Intl.NumberFormatOptions) => string Monedas, porcentajes, decimales y otras representaciones numéricas.
date (value: Date | number, options?: Intl.DateTimeFormatOptions) => string Fecha o timestamp, con formato del idioma activo.

Consistencia entre servidor y navegador

Usa la misma fecha y especifica timeZone cuando el resultado deba coincidir en SSR e hidratación. El laboratorio usa una fecha fija y UTC para permitir comparar los idiomas sin depender del reloj ni de la zona del equipo.

La moneda se elige con currency; el idioma define su presentación, no una conversión de divisas.

Comparar formatos

¿Te sirvió esta página?

Añadir un comentario

Se envía al elegir «Sí» o «No». Solo se guardan la página, tu respuesta y el comentario: ni cookies ni datos tuyos.

0 de 2000 caracteres