1
00:00:00,180 --> 00:00:02,610
Bien, vamos a ver cómo cambiar el formato de fecha.

2
00:00:02,640 --> 00:00:06,030
Por ejemplo, dar vuelta el formato que tiene actualmente.

3
00:00:06,060 --> 00:00:09,180
Acá tenemos 2018, el año, el mes y el día.

4
00:00:09,300 --> 00:00:12,780
Podremos colocar el día, el mes y el año completamente al revés.

5
00:00:12,870 --> 00:00:17,370
Y eso es lo que vamos a hacer de la forma utilizando el operador MAP en el observable.

6
00:00:17,490 --> 00:00:18,960
Bien, vamos al código.

7
00:00:19,110 --> 00:00:23,490
Acá estamos en el que ya antes habíamos implementado el operador MAP.

8
00:00:23,580 --> 00:00:30,390
Luego implementamos el método MAP del arreglo del array clientes para modificar el nombre, convertirlo

9
00:00:30,390 --> 00:00:30,930
en mayúscula.

10
00:00:30,990 --> 00:00:35,550
Ahora lo que tenemos que hacer es convertir la fecha, transformar en un formato diferente.

11
00:00:35,670 --> 00:00:41,070
Hay diferentes formas, lo podemos incluso implementar con JavaScript nativo, pero vamos a usar la

12
00:00:41,070 --> 00:00:43,110
forma propia que trae Angular.

13
00:00:43,410 --> 00:00:44,370
Bastante simple.

14
00:00:44,490 --> 00:00:50,140
Vamos a importar la función forma DOIT que se incluye en Angular 6.

15
00:00:50,190 --> 00:00:53,430
Entonces nos vamos a import debajo de Angular Core.

16
00:00:55,600 --> 00:01:01,840
Forma Death from el package se va a importar del package angular common

17
00:01:04,360 --> 00:01:04,820
perfeto.

18
00:01:04,960 --> 00:01:07,140
Ahora simplemente utilizamos esta función.

19
00:01:08,110 --> 00:01:11,650
Entonces acá vamos a tener cliente, creo que la fecha.

20
00:01:13,800 --> 00:01:21,180
Sería el origen o el source que contiene la fecha con el formato original, usando la función format,

21
00:01:21,180 --> 00:01:24,430
toit recibe tres argumentos.

22
00:01:24,780 --> 00:01:31,290
El primero sería la fecha original, el origen que sería el cliente Crédit AT como segundo parámetro

23
00:01:31,290 --> 00:01:35,730
sería nuestro formato o el patrón de formato que le queremos dar.

24
00:01:36,120 --> 00:01:40,560
Habíamos dicho dar vuelta la fecha, es decir, que sea el día, mes y año.

25
00:01:40,650 --> 00:01:44,910
Usamos día, mes y año ese día.

26
00:01:44,970 --> 00:01:48,150
Una forma utilizando patrones de fecha es un estándar.

27
00:01:48,180 --> 00:01:53,910
Pueden utilizar cualquier formato de fecha que queda, por ejemplo en la fecha como dígito también,

28
00:01:53,910 --> 00:02:01,200
pues es la fecha en palabras el nombre Messe nombre del día F y como tercer parámetro sería el lo que

29
00:02:01,290 --> 00:02:03,270
vamos a agregar en lo que el estándar.

30
00:02:05,130 --> 00:02:06,060
Y eso sería todo.

31
00:02:06,120 --> 00:02:10,190
Simplemente ahora guardamos y veamos como quedó perfecto.

32
00:02:10,300 --> 00:02:11,130
Hoy dio vuelta.

33
00:02:11,220 --> 00:02:13,980
Ahora parece el día, el mes y el año.

34
00:02:14,040 --> 00:02:15,940
Antes estaba completamente al revés.

35
00:02:16,020 --> 00:02:17,580
Así que está funcionando bien.

36
00:02:17,940 --> 00:02:19,230
Esa sería una forma.

37
00:02:19,320 --> 00:02:22,740
Otra forma sería utilizando la clase de Pipe.

38
00:02:23,100 --> 00:02:26,460
También se porta del mismo Vak de Angular Common.

39
00:02:28,500 --> 00:02:33,810
Datepicker es una clase para trabajar con formato en las vistas, pero también se puede utilizar de

40
00:02:33,810 --> 00:02:36,060
forma programática en nuestras clases.

41
00:02:36,090 --> 00:02:41,190
Por debajo implementa USA Format Tait y pueden utilizar cualquiera de las dos.

42
00:02:41,250 --> 00:02:43,800
Vamos a comentar esto acá arriba.

43
00:02:43,920 --> 00:02:46,800
Vamos a querer la instancia de D.T.

44
00:02:46,830 --> 00:02:47,190
Pipe.

45
00:02:51,210 --> 00:02:56,520
Y como argumento en el constructor pide él lo que él, que simplemente usamos el mismo que teníamos

46
00:02:56,580 --> 00:02:57,450
en el format day.

47
00:02:59,420 --> 00:03:00,680
Pero llega.

48
00:03:02,430 --> 00:03:14,190
Usamos el método Transform como primer argumento la fecha original y como segundo argumento sería nuestro

49
00:03:14,250 --> 00:03:14,850
formato.

50
00:03:16,980 --> 00:03:17,850
Y eso es todo.

51
00:03:17,940 --> 00:03:20,190
Vamos a cambiar de formato en vez de guión.

52
00:03:20,280 --> 00:03:21,640
Vamos a usar es larch.

53
00:03:22,170 --> 00:03:24,390
Para que se diferent bien y guardamos.

54
00:03:24,540 --> 00:03:26,190
Veamos como quedó perfecto.

55
00:03:26,250 --> 00:03:29,990
Ahora aparece día, mes y año y separado con un last.

56
00:03:30,120 --> 00:03:31,170
Bien, eso es todo.

57
00:03:31,290 --> 00:03:32,250
Hasta la próxima.