Format Tanggal dalam JavaScript

Sekarang mari kita belajar menampilkan tanggal dalam format tertentu. Misalnya, kita ingin menampilkan hari, bulan, dan tahun saat ini ke layar dalam format tahun-bulan-hari.

Mari kita lakukan ini:

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

Namun, kode kami memiliki masalah: nomor bulan akan dimulai dari nol, sedangkan kemungkinan besar kita inginnya dimulai dari satu.

Mari perbaiki masalahnya:

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

Namun, kode kami masih belum sempurna. Masalah ini hanya dapat dilihat pada bulan dan hari tertentu. Misalnya, saat ini tanggal 5 Maret 2020.

Dalam kasus ini, tanggal kami akan ditampilkan dalam format 2020-3-5. Padahal kita ingin tanggal ditampilkan dalam format 2020-03-05 - dengan nol di depan nomor hari dan bulan yang hanya satu digit.

Untuk menyelesaikan masalahnya, mari tulis fungsi addZero, yang akan menambahkan nol di depan angka dari 0 hingga 9:

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

Mari terapkan fungsi yang telah dibuat dan sekarang benar-benar dapatkan tanggal dalam format yang kita inginkan:

javascriptlet date = new Date();

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