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:

let 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:

let 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:

function 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:

let date = new Date();

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

Tampilkan tanggal-waktu saat ini di layar dalam format 12:59:59 31.12.2014. Gunakan untuk semua bagian tanggal (kecuali tahun) fungsi yang telah kami buat untuk menambahkan nol jika diperlukan.