Para crear una función que puedan llamar en todos los archivos para formatear la fecha, pueden crear una carpeta llamada utils y un archivo donde estarán todas las funciones globales que puedan crear:src/utils/funciones.js
Allí pueden crear una función, o dos, si quieren crear una que incluya el año y una que no.
// src/utils/funciones.js
export const FormatDate = (date) => {
const event = new Date(date)
const newDate = event.toDateString()
return newDate
}
export const FormatDateWithoutYear = (date) => {
const event = new Date(date)
const newDate = event.toDateString().slice(0, -4)
return newDate
}
Para utilizarlo, solo importan la función que quieren utilizar en el archivo. Por ejemplo, en Card.astro
:
import { FormatDateWithoutYear } from '../utils/funciones'
Y lo pueden utilizar directamente en el HTML pasandole por parámetro la variable que tiene la fecha:
<time datetime={FormatDateWithoutYear(time)} class="block text-xs text-gray-500">
{FormatDateWithoutYear(time)}
</time>
Así mismo en cualquier archivo, importan la función que necesitan y le pasan la fecha por parámetro.
No olviden dejar su like 💖
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?