Formátování data v JavaScriptu

Nyní se naučíme vypisovat datum v určitém formátu. Předpokládejme například, že chceme zobrazit na obrazovce aktuální den, měsíc a rok ve formátu rok-měsíc-den.

Pojďme to udělat:

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

Náš kód má však problém: čísla měsíců začínají od nuly, ale my bychom pravděpodobně chtěli, aby začínaly od jedničky.

Pojďme problém opravit:

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

Náš kód však stále není dokonalý. To si lze všimnout pouze v určité měsíce a v určité dny. Předpokládejme například, že je nyní 5. března 2020.

V tomto případě se naše datum vypíše ve formátu 2020-3-5. Ale my bychom chtěli, aby datum bylo vypsáno ve formátu 2020-03-05 - s nulami před čísly dnů a měsíců s jednou číslicí.

Pro vyřešení problému napíšeme funkci addZero, která přidá nuly před čísla od 0 do 9:

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

Aplikujme vytvořenou funkci a nyní skutečně získáme datum v požadovaném formátu:

javascriptlet date = new Date();

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