Oblikovanje datuma v JavaScriptu

Zdaj se naučimo prikazati datum v določenem formatu. Recimo, da želimo prikazati na zaslonu trenutni dan, mesec in leto v formatu leto-mesec-dan.

Naredimo to:

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

Vendar ima naša koda težavo: številke mesecev se bodo začele z ničlo, mi pa bi jih najverjetneje želeli, da se začnejo z ena.

Popravimo težavo:

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

Vendar naša koda še vedno ni popolna. To lahko opazimo le v določenih mesecih in na določene dni. Recimo, da je zdaj 5. marca 2020 leta.

V tem primeru bo naš datum prikazan v formatu 2020-3-5. Mi pa bi želeli, da se datum prikaže v formatu 2020-03-05 - z ničlami pred številkami dni in meseci z eno številko.

Za rešitev problema napišimo funkcijo addZero, ki bo dodajala ničle pred številkami od 0 do 9:

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

Uporabimo ustvarjeno funkcijo in zdaj dejansko dobimo datum v želenem formatu:

javascriptlet date = new Date();

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