Skip to main content English Español Claro Oscuro Sistema

Formateadores

.

Para ofrecer una mayor flexibilidad a la hora de representar los datos, Gstock Web Components incopora una serie de formateadores para añadir flexibilidad en la representación de datos en los componentes web.

Formato de fecha

De forma predeterminada, se utiliza la API Date para formatear valores de fecha, pero es posible personalizar completamente cómo se formatean las fechas a través de un sistema de patrones.

Los componentes web que requieren de una representación de fecha tienen el atributo date-format para especificar el formato del número, basado en un patrón.

date-format Ejemplo
DD/MM/YYYY 20/01/2025
DD-MM-YYYY 20–01–2025
DD.MM.YYYY 20.01.2025
YYYY/MM/DD 2025/01/20
YYYY-MM-DD 2025–01–20
YYYY.MM.DD 2025.01.20
MM/DD/YYYY 01/20/2025
MM-DD-YYYY 01–20–2025
MM.DD.YYYY 01.20.2025

Formato de número

De forma predeterminada, Gstock Web Components utiliza la API Intl.NumberFormat para formatear valores numéricos, pero es posible personalizar por completo el formato de los números mediante un sistema de patrones.

Los componentes web que requieren de una representación numérica tienen el atributo number-format para especificar el formato del número, basado en un patrón.

number-format Separador millares Separador decimal Ejemplo
#,###.## "," "." 1,234.56
#.###,## "." "," 1.234,56
# ###.## " " "." 1 234.56
# ###,## " " "," 1 234,56