Pemformatan Tarikh dalam JavaScript

Sekarang mari kita belajar untuk memaparkan tarikh dalam format tertentu. Katakan, sebagai contoh, kita ingin memaparkan hari, bulan dan tahun semasa pada skrin dalam format tahun-bulan-hari.

Mari lakukannya:

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

Walau bagaimanapun, kod kami mempunyai masalah: nombor bulan akan bermula dari sifar, dan kita, kemungkinan besar, ingin ia bermula dari satu.

Mari betulkan masalah tersebut:

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

Walau bagaimanapun, kod kami masih tidak sempurna. Ini hanya dapat dilihat pada bulan-bulan dan hari-hari tertentu. Katakan, sebagai contoh, sekarang ialah hari 5 Mac 2020.

Dalam kes ini, tarikh kami akan dipaparkan dalam format 2020-3-5. Tetapi kita ingin tarikh dipaparkan dalam format 2020-03-05 - dengan sifar di hadapan nombor hari dan bulan yang terdiri daripada satu digit.

Untuk menyelesaikan masalah tersebut, mari tulis fungsi addZero, yang akan menambah sifar di hadapan nombor dari 0 hingga 9:

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

Gunakan fungsi yang telah dibuat dan sekarang kita benar-benar mendapat tarikh dalam format yang kita mahukan:

javascriptlet date = new Date();

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