Bien, profundicemos un poco más sobre los formato de fecha, como por ejemplo colocar el nombre de
la semana, el nombre del mes en vez de los dígitos, por ejemplo, en vez de cero uno cero uno, colocar
enero y el nombre del día a la semana.
Eso también se puede personalizar.
Vamos al código.
Hasta el momento estamos usando el desde en minúscula que se refiere a los dígitos, a los dígitos que
corresponden al número del día en el mes.
Acá tenemos los dígitos del mes y el año, pero quiero agregar además el día de la semana.
Eso lo podemos hacer con la letra E en mayúscula.
Por ejemplo, si colocamos 3 E vamos a tener un día de la semana el nombre, pero abreviado.
Mientras si colocamos las 4 E sería completo.
Bien.
Y si queremos, por ejemplo el mes, queremos el nombre el mes en vez del número.
Ahí tendríamos que agregar otra m más también en mayúscula.
Cuando ya son tres sería el nombre mes abreviado.
Cuando son cuatro, el nombre mes completo.
Vamos a colocar el nombre completo acá, vamos a colocar una coma espacio y acá un espacio.
Entonces sería el día, la semana número del día, el mes y el año.
Vamos a guardar, vamos a revisar.
Perfecto.
Lunes 1 de enero 2018 Hoy tenemos los nombres con la fecha completa.
También podríamos abreviar, por ejemplo, colocar Full Day fecha completa.
Vamos a guardar y acá tenemos.
Lunes, enero.
El número del día y el año.
Estas son constantes que son estándar dentro de las fechas en JavaScript, como por ejemplo tenemos
el chord, el medium Chord Dave.
Acá son par es constante que se pueden utilizar como atajo y se muestra el patrón se fijan.
Por ejemplo, si queremos el año completo tome lice 6 son 4 y si queremos solamente el 16 2 y y acá
tenemos el nombre más completo abreviado el dígito comenzando en 0, el dígito sin el cero y lo vemos
con el día, el nombre, la semana.
En fin.
Y respecto al tiempo, a las semanas, acá hay un montón de cosas que se pueden aplicar al formato de
fecha.
Volviendo al ejemplo, aparece por defecto con el que en inglés.
Acá tenemos todos los nombres en inglés, el de la semana, como el del mes.
Esto se puede cambiar.
Recuerden que por defecto en local en Angular siempre va a ser n o s, es decir, el local en inglés
americano.
Ese es el por defecto.
Ahora, si queremos customizar nuestro propia localización, hay diferentes formas.
Podríamos importar nuestro local en nuestras clases componen nuestra clase service y registrar lo que
o bien podríamos tener en local global para toda nuestra aplicación.
Se pueden hacer del lado de forma.
Por ejemplo, si nos vamos a la documentación de Angular en la guía y dieciocho en internacionalización,
importamos de angula Commons Register lo que el data importamos de Angular Commons locales nuestro locales,
por ejemplo.
Hagamos el ejercicio vamos a importar.
Pueden ir a la argumentación en la página de Angular en la guía en la parte de 18 ene lo pueden copiar
o también lo pueden escribir.
Da exactamente igual.
Vamos a hacer el proyecto y debajo de Angular Common lo.
Pero yo no quiero el francés, quiero el español.
Ese sería el español de España.
Vamos a cambiar de acá a local, que es perfecto.
Si quieren otros países.
Guión MX para México.
CL Para Chile a R.
Argentina.
Y así acá tenemos Perú.
En fin, vamos a utilizar español de España.
Lo segundo es tener nuestra función register, lo que el data para registrar nuestro local.
El segundo parámetro del código es opcional.
Entonces dentro de nuestro map, por ejemplo, antes del pipe.
Lo vamos a registrar y tenemos que importar esta función register local DAT es hasta Angular Common.
Entonces coma y registra nuestro local es s y cambiamos lo que a s como segundo parámetro sería este
mismo.
Es perfecto.
Ahora que ya tenemos nuestro local, podemos utilizar en el Pipe en el DateTime.
Entonces simplemente acá en vez de n uese utilizamos es ya que lo tenemos registrado en nuestra aplicación.
Vamos a guardar.
Perfecto.
Eita completamente en español con nuestro local personalizado.
Entonces en vez de colocar acá full dáte vamos a colocar lo que teníamos antes que era el día a la semana,
después el número del día una coma y después venía el nombre del mes era mayúscula con 4 el nombre más
completo.
Recuerden que con 3 es abreviado y después el año minusculo y guardamos.
Perfecto.
Ahí tenemos nuestra fecha completamente atomizada con nuestro propio.
Todo esto del él y de formato también se aplican a los pipe que podemos utilizar en la pista.
Eso también lo vamos a ver próximamente en la siguiente clase.
Bien, pero una pregunta estaría bien registrar el local data dentro del servis?
Sería correcto?
Sería mejor quitar esto de una clase en particular de una clase servis o component y configurarlo en
una parte que sea un poco más global para toda la aplicación?
Por ejemplo, lo podríamos registrar en el app module.
Entonces esa forma no tenemos que estar importando en cada componente o en cada clase servis que estemos
utilizando el local y formato de fecha, sino que lo configuramos una sola vez para todo el componente,
para toda la clase servis, para toda la aplicación, incluso para los pipe, para todas las vistas.
Entonces vamos a quitar, vamos a desacoplar el regístrenlo, que el data lo vamos a acortar tal cual.
Vamos a ir a Module y lo vamos a dejar por acá.
Puede ser arriba de las rutas y no faltaría el import.
Luego tenemos que importar también la función rayista local data.
Y copiamos completamente el ángulo, el koman lo vamos a copiar.
Y lo vamos a pegar arriba del import, de lo que vamos a quitar, lo que nos vamos a ocupar.
Solamente dejamos el Register, lo que data, nada más.
Guardamos acá, vamos a quitar el rayista, lo aquilata, lo quitamos de acá y de esa forma queda completamente
global nuestra configuración del local.
La internacionalización para formatear otra fecha y también la moneda local.
Renzi Enfín, y revisamos.
Perfecto.
Ahí sigue funcionando esto de forma global.
Ya lo podemos utilizar en cualquier parte de nuestra aplicación, solamente con configurarlo y registrarlo
una sola vez en el app module.
Sin más quedabamos hasta acá.
Nos vemos.