Formateo de fechas en JavaScript

Ahora aprendamos a mostrar la fecha en un formato específico. Supongamos, por ejemplo, que queremos mostrar en la pantalla el día, mes y año actuales en el formato año-mes-día.

Hagámoslo:

javascriptlet date = new Date();
console.log(date.getFullYear() + '-' + date.getMonth() + '-' + date.getDate());

Sin embargo, nuestro código tiene un problema: los números de los meses comenzarán desde cero, y lo más probable es que queramos que comiencen desde uno.

Arreglemos el problema:

javascriptlet date = new Date();
console.log(date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate());

Sin embargo, nuestro código todavía no es perfecto. Pero esto solo se puede notar en ciertos meses y en ciertos días. Supongamos, por ejemplo, que hoy es 5 de marzo de 2020.

En este caso, nuestra fecha se mostrará en el formato 2020-3-5. Pero nosotros queremos que la fecha se muestre en el formato 2020-03-05 - con ceros delante de los números de día y mes que tengan un solo dígito.

Para resolver el problema, escribamos una función addZero, que agregará ceros delante de los números del 0 al 9:

javascriptfunction addZero(num) {
  if (num >= 0 && num <= 9) {
    return '0' + num;
  } else {
    return num;
  }
}

Apliquemos la función creada y ahora realmente obtendremos la fecha en el formato que necesitamos:

javascriptlet date = new Date();

console.log(
  addZero(date.getFullYear()) + '-' + 
  addZero(date.getMonth() + 1) + '-' +
  addZero(date.getDate())
);