1
00:00:00,210 --> 00:00:05,400
Bien, profundicemos un poco más sobre los formato de fecha, como por ejemplo colocar el nombre de

2
00:00:05,400 --> 00:00:11,550
la semana, el nombre del mes en vez de los dígitos, por ejemplo, en vez de cero uno cero uno, colocar

3
00:00:11,640 --> 00:00:13,410
enero y el nombre del día a la semana.

4
00:00:13,510 --> 00:00:15,210
Eso también se puede personalizar.

5
00:00:15,300 --> 00:00:16,080
Vamos al código.

6
00:00:16,380 --> 00:00:22,620
Hasta el momento estamos usando el desde en minúscula que se refiere a los dígitos, a los dígitos que

7
00:00:22,620 --> 00:00:25,050
corresponden al número del día en el mes.

8
00:00:25,620 --> 00:00:30,900
Acá tenemos los dígitos del mes y el año, pero quiero agregar además el día de la semana.

9
00:00:31,020 --> 00:00:34,440
Eso lo podemos hacer con la letra E en mayúscula.

10
00:00:34,530 --> 00:00:40,650
Por ejemplo, si colocamos 3 E vamos a tener un día de la semana el nombre, pero abreviado.

11
00:00:40,770 --> 00:00:43,500
Mientras si colocamos las 4 E sería completo.

12
00:00:43,620 --> 00:00:43,980
Bien.

13
00:00:44,070 --> 00:00:49,230
Y si queremos, por ejemplo el mes, queremos el nombre el mes en vez del número.

14
00:00:49,290 --> 00:00:52,470
Ahí tendríamos que agregar otra m más también en mayúscula.

15
00:00:52,530 --> 00:00:55,650
Cuando ya son tres sería el nombre mes abreviado.

16
00:00:55,680 --> 00:00:58,110
Cuando son cuatro, el nombre mes completo.

17
00:00:58,380 --> 00:01:04,670
Vamos a colocar el nombre completo acá, vamos a colocar una coma espacio y acá un espacio.

18
00:01:04,680 --> 00:01:08,850
Entonces sería el día, la semana número del día, el mes y el año.

19
00:01:08,970 --> 00:01:11,160
Vamos a guardar, vamos a revisar.

20
00:01:11,220 --> 00:01:11,850
Perfecto.

21
00:01:11,940 --> 00:01:17,370
Lunes 1 de enero 2018 Hoy tenemos los nombres con la fecha completa.

22
00:01:17,580 --> 00:01:21,990
También podríamos abreviar, por ejemplo, colocar Full Day fecha completa.

23
00:01:22,740 --> 00:01:24,900
Vamos a guardar y acá tenemos.

24
00:01:24,930 --> 00:01:26,220
Lunes, enero.

25
00:01:26,310 --> 00:01:27,780
El número del día y el año.

26
00:01:27,870 --> 00:01:33,360
Estas son constantes que son estándar dentro de las fechas en JavaScript, como por ejemplo tenemos

27
00:01:33,390 --> 00:01:35,940
el chord, el medium Chord Dave.

28
00:01:36,060 --> 00:01:41,310
Acá son par es constante que se pueden utilizar como atajo y se muestra el patrón se fijan.

29
00:01:41,910 --> 00:01:49,020
Por ejemplo, si queremos el año completo tome lice 6 son 4 y si queremos solamente el 16 2 y y acá

30
00:01:49,020 --> 00:01:55,500
tenemos el nombre más completo abreviado el dígito comenzando en 0, el dígito sin el cero y lo vemos

31
00:01:55,500 --> 00:01:57,720
con el día, el nombre, la semana.

32
00:01:57,810 --> 00:01:58,260
En fin.

33
00:01:59,190 --> 00:02:04,770
Y respecto al tiempo, a las semanas, acá hay un montón de cosas que se pueden aplicar al formato de

34
00:02:04,770 --> 00:02:05,070
fecha.

35
00:02:05,340 --> 00:02:09,780
Volviendo al ejemplo, aparece por defecto con el que en inglés.

36
00:02:09,840 --> 00:02:13,290
Acá tenemos todos los nombres en inglés, el de la semana, como el del mes.

37
00:02:13,380 --> 00:02:14,190
Esto se puede cambiar.

38
00:02:14,280 --> 00:02:20,790
Recuerden que por defecto en local en Angular siempre va a ser n o s, es decir, el local en inglés

39
00:02:20,880 --> 00:02:21,420
americano.

40
00:02:21,510 --> 00:02:22,710
Ese es el por defecto.

41
00:02:22,830 --> 00:02:26,610
Ahora, si queremos customizar nuestro propia localización, hay diferentes formas.

42
00:02:26,670 --> 00:02:33,420
Podríamos importar nuestro local en nuestras clases componen nuestra clase service y registrar lo que

43
00:02:33,540 --> 00:02:36,750
o bien podríamos tener en local global para toda nuestra aplicación.

44
00:02:36,810 --> 00:02:37,920
Se pueden hacer del lado de forma.

45
00:02:38,070 --> 00:02:44,280
Por ejemplo, si nos vamos a la documentación de Angular en la guía y dieciocho en internacionalización,

46
00:02:44,880 --> 00:02:51,550
importamos de angula Commons Register lo que el data importamos de Angular Commons locales nuestro locales,

47
00:02:51,660 --> 00:02:52,260
por ejemplo.

48
00:02:52,290 --> 00:02:54,900
Hagamos el ejercicio vamos a importar.

49
00:02:54,960 --> 00:03:00,960
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

50
00:03:01,050 --> 00:03:02,250
o también lo pueden escribir.

51
00:03:02,360 --> 00:03:03,540
Da exactamente igual.

52
00:03:03,660 --> 00:03:07,410
Vamos a hacer el proyecto y debajo de Angular Common lo.

53
00:03:08,130 --> 00:03:11,010
Pero yo no quiero el francés, quiero el español.

54
00:03:11,640 --> 00:03:13,170
Ese sería el español de España.

55
00:03:13,230 --> 00:03:16,530
Vamos a cambiar de acá a local, que es perfecto.

56
00:03:16,770 --> 00:03:18,210
Si quieren otros países.

57
00:03:18,420 --> 00:03:21,390
Guión MX para México.

58
00:03:21,840 --> 00:03:24,540
CL Para Chile a R.

59
00:03:24,630 --> 00:03:25,560
Argentina.

60
00:03:25,980 --> 00:03:27,570
Y así acá tenemos Perú.

61
00:03:27,690 --> 00:03:30,630
En fin, vamos a utilizar español de España.

62
00:03:30,810 --> 00:03:37,410
Lo segundo es tener nuestra función register, lo que el data para registrar nuestro local.

63
00:03:37,530 --> 00:03:40,320
El segundo parámetro del código es opcional.

64
00:03:40,530 --> 00:03:43,980
Entonces dentro de nuestro map, por ejemplo, antes del pipe.

65
00:03:45,080 --> 00:03:52,310
Lo vamos a registrar y tenemos que importar esta función register local DAT es hasta Angular Common.

66
00:03:52,460 --> 00:04:02,540
Entonces coma y registra nuestro local es s y cambiamos lo que a s como segundo parámetro sería este

67
00:04:02,540 --> 00:04:02,870
mismo.

68
00:04:02,960 --> 00:04:04,740
Es perfecto.

69
00:04:04,880 --> 00:04:09,610
Ahora que ya tenemos nuestro local, podemos utilizar en el Pipe en el DateTime.

70
00:04:10,190 --> 00:04:17,720
Entonces simplemente acá en vez de n uese utilizamos es ya que lo tenemos registrado en nuestra aplicación.

71
00:04:17,870 --> 00:04:18,620
Vamos a guardar.

72
00:04:19,520 --> 00:04:20,090
Perfecto.

73
00:04:20,300 --> 00:04:24,740
Eita completamente en español con nuestro local personalizado.

74
00:04:25,010 --> 00:04:30,350
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,

75
00:04:30,680 --> 00:04:38,180
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

76
00:04:38,180 --> 00:04:38,810
completo.

77
00:04:38,900 --> 00:04:43,910
Recuerden que con 3 es abreviado y después el año minusculo y guardamos.

78
00:04:44,090 --> 00:04:44,630
Perfecto.

79
00:04:44,720 --> 00:04:48,530
Ahí tenemos nuestra fecha completamente atomizada con nuestro propio.

80
00:04:48,980 --> 00:04:54,620
Todo esto del él y de formato también se aplican a los pipe que podemos utilizar en la pista.

81
00:04:54,740 --> 00:04:58,100
Eso también lo vamos a ver próximamente en la siguiente clase.

82
00:04:58,330 --> 00:05:03,200
Bien, pero una pregunta estaría bien registrar el local data dentro del servis?

83
00:05:03,290 --> 00:05:04,190
Sería correcto?

84
00:05:04,280 --> 00:05:11,120
Sería mejor quitar esto de una clase en particular de una clase servis o component y configurarlo en

85
00:05:11,120 --> 00:05:13,660
una parte que sea un poco más global para toda la aplicación?

86
00:05:13,670 --> 00:05:17,480
Por ejemplo, lo podríamos registrar en el app module.

87
00:05:17,600 --> 00:05:23,680
Entonces esa forma no tenemos que estar importando en cada componente o en cada clase servis que estemos

88
00:05:23,720 --> 00:05:29,630
utilizando el local y formato de fecha, sino que lo configuramos una sola vez para todo el componente,

89
00:05:29,660 --> 00:05:33,980
para toda la clase servis, para toda la aplicación, incluso para los pipe, para todas las vistas.

90
00:05:34,070 --> 00:05:39,980
Entonces vamos a quitar, vamos a desacoplar el regístrenlo, que el data lo vamos a acortar tal cual.

91
00:05:40,880 --> 00:05:44,240
Vamos a ir a Module y lo vamos a dejar por acá.

92
00:05:44,330 --> 00:05:49,160
Puede ser arriba de las rutas y no faltaría el import.

93
00:05:53,690 --> 00:05:57,230
Luego tenemos que importar también la función rayista local data.

94
00:05:58,190 --> 00:06:01,670
Y copiamos completamente el ángulo, el koman lo vamos a copiar.

95
00:06:03,050 --> 00:06:08,930
Y lo vamos a pegar arriba del import, de lo que vamos a quitar, lo que nos vamos a ocupar.

96
00:06:09,050 --> 00:06:12,080
Solamente dejamos el Register, lo que data, nada más.

97
00:06:12,200 --> 00:06:19,250
Guardamos acá, vamos a quitar el rayista, lo aquilata, lo quitamos de acá y de esa forma queda completamente

98
00:06:19,250 --> 00:06:22,010
global nuestra configuración del local.

99
00:06:22,130 --> 00:06:26,950
La internacionalización para formatear otra fecha y también la moneda local.

100
00:06:26,960 --> 00:06:30,260
Renzi Enfín, y revisamos.

101
00:06:30,290 --> 00:06:30,950
Perfecto.

102
00:06:31,080 --> 00:06:32,930
Ahí sigue funcionando esto de forma global.

103
00:06:33,020 --> 00:06:38,630
Ya lo podemos utilizar en cualquier parte de nuestra aplicación, solamente con configurarlo y registrarlo

104
00:06:38,720 --> 00:06:40,610
una sola vez en el app module.

105
00:06:40,640 --> 00:06:42,170
Sin más quedabamos hasta acá.

106
00:06:42,260 --> 00:06:42,890
Nos vemos.