JavaScript - Get Date Methods (ID)

Halo, para programer pemula! Hari ini, kita akan melihat dunia yang menarik dari metode Date di JavaScript. Sebagai guru komputer yang ramah di lingkungan sekitar Anda, saya di sini untuk mengarahkan Anda dalam perjalanan ini dengan penjelasan yang jelas, banyak contoh, dan mungkin saja Anda bisa mendapat sedikitong tawa di jalurnya. Jadi, ambil minuman favorit Anda, duduk nyaman, dan mari kita jelajahi bagaimana kita bisa mengambil berbagai komponen tanggal menggunakan JavaScript!

Pengenalan Metode Date di JavaScript

Sebelum kita melompat ke metode khusus, mari kita gunakan waktu untuk memahami apa itu objek Date di JavaScript. Pahami bahwa itu seperti sebuah snapshot dari momen waktu, menangkap dari tahun ke milidetik. Itu seperti memiliki jam digital super presisi di ujung jari Anda!

Untuk membuat objek Date, kita biasanya menggunakan:

let currentDate = new Date();

Ini memberikan kita objek Date yang mewakili tanggal dan waktu saat ini. Sekarang, mari kita lihat bagaimana kita bisa mengambil informasi tertentu dari objek ini.

Metode Get Date

JavaScript menyediakan beberapa metode untuk mengambil bagian yang berbeda dari objek Date. Saya suka memikirkan metode ini sebagai lensa berbeda yang kita gunakan untuk melihat snapshot tanggal kita. Mari kita jelajahi setiap metode ini:

1. getFullYear()

Metode ini mengembalikan tahun dari tanggal sebagai angka enam digit.

let currentDate = new Date();
let year = currentDate.getFullYear();
console.log(year); // Output: 2023 (atau tahun saat ini)

Ingat saat kita pernah menulis tanggal dengan hanya dua digit untuk tahun? Metode ini memastikan kita selalu mendapat tahun enam digit penuh, menghindari konfusi seperti Y2K!

2. getMonth()

Metode ini mengembalikan bulan sebagai angka dari 0 hingga 11. Ya, Anda benar - 0 hingga 11!

let currentDate = new Date();
let month = currentDate.getMonth();
console.log(month); // Output: 5 (untuk Juni)

Ini adalah fakta unik JavaScript: bulan diindeks secara nol, artinya Januari adalah 0 dan Desember adalah 11. Seperti JavaScript sedang bermainan dengan kita!

3. getDate()

Jangan tergoda oleh namanya - metode ini mengembalikan hari bulan (1-31).

let currentDate = new Date();
let dayOfMonth = currentDate.getDate();
console.log(dayOfMonth); // Output: hari bulan saat ini

Ini sangat berguna saat Anda membuat kalender atau aplikasi penjadwalan.

4. getDay()

Metode ini mengembalikan hari minggu sebagai angka dari 0 hingga 6.

let currentDate = new Date();
let dayOfWeek = currentDate.getDay();
console.log(dayOfWeek); // Output: 0 (untuk Minggu) hingga 6 (untuk Sabtu)

Seperti bulan, JavaScript mulai menghitung dari 0. Jadi, Minggu adalah 0, Senin adalah 1, dan seterusnya. Seperti JavaScript benar-benar ingin kita mengakui kebiasaan pemrograman kita dan mulai menghitung dari nol!

5. getHours()

Seperti yang Anda mungkin猜测, metode ini mengembalikan jam (0-23) dari tanggal.

let currentDate = new Date();
let hour = currentDate.getHours();
console.log(hour); // Output: jam saat ini dalam format 24 jam

Ini sangat baik untuk membuat jam digital atau aplikasi berdasarkan waktu.

6. getMinutes()

Metode ini mengembalikan menit (0-59) dari tanggal.

let currentDate = new Date();
let minutes = currentDate.getMinutes();
console.log(minutes); // Output: menit saat ini

7. getSeconds()

Anda benar-benar猜测 - metode ini mengembalikan detik (0-59) dari tanggal.

let currentDate = new Date();
let seconds = currentDate.getSeconds();
console.log(seconds); // Output: detik saat ini

8. getMilliseconds()

Untuk saat Anda memerlukan presisi yang sungguh-sungguh, metode ini mengembalikan milidetik (0-999) dari tanggal.

let currentDate = new Date();
let milliseconds = currentDate.getMilliseconds();
console.log(milliseconds); // Output: milidetik saat ini

Tingkat presisi ini biasanya digunakan dalam pengukuran performa atau membuat identifier unik.

9. getTime()

Metode ini mengembalikan jumlah milidetik sejak 1 Januari 1970.

let currentDate = new Date();
let time = currentDate.getTime();
console.log(time); // Output: milidetik sejak Jan 1, 1970

Ini sangat berguna untuk menghitung perbedaan waktu atau mengurutkan tanggal.

Tabel Ringkasan

Berikut adalah tabel ringkasan semua metode ini:

Metode	Mengembalikan	Rentang
getFullYear()	Tahun	Angka enam digit
getMonth()	Bulan	0-11
getDate()	Hari bulan	1-31
getDay()	Hari minggu	0-6
getHours()	Jam	0-23
getMinutes()	Menit	0-59
getSeconds()	Detik	0-59
getMilliseconds()	Milidetik	0-999
getTime()	Milidetik sejak Jan 1, 1970	-

Contoh Praktis

Sekarang kita telah melihat semua metode ini, mari kita gunakan mereka dalam beberapa contoh praktis!

Contoh 1: Membuat Jam Digital

function updateClock() {
let now = new Date();
let hours = now.getHours().toString().padStart(2, '0');
let minutes = now.getMinutes().toString().padStart(2, '0');
let seconds = now.getSeconds().toString().padStart(2, '0');

console.log(`${hours}:${minutes}:${seconds}`);
}

setInterval(updateClock, 1000);

Skrip ini membuat jam digital yang diperbarui setiap detik. Kita menggunakan padStart(2, '0') untuk memastikan bahwa setiap komponen selalu memiliki dua digit, memberikan kita penampilan jam digital klasik.

Contoh 2: Memformat Tanggal

function formatDate(date) {
let days = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu'];
let months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];

let dayName = days[date.getDay()];
let monthName = months[date.getMonth()];
let dayOfMonth = date.getDate();
let year = date.getFullYear();

return `${dayName}, ${monthName} ${dayOfMonth}, ${year}`;
}

let currentDate = new Date();
console.log(formatDate(currentDate)); // Output: misalnya, "Selasa, Juni 15, 2023"

Fungsi ini mengambil objek Date dan mengembalikan string yang diformat dengan baik. Itu sempurna untuk menampilkan tanggal di situs web atau dalam aplikasi.

Contoh 3: Menghitung Perbedaan Waktu

function daysBetween(date1, date2) {
let timeDiff = Math.abs(date2.getTime() - date1.getTime());
let dayDiff = Math.ceil(timeDiff / (1000 * 3600 * 24));
return dayDiff;
}

let date1 = new Date(2023, 0, 1);  // Januari 1, 2023
let date2 = new Date(2023, 11, 31);  // Desember 31, 2023

console.log(`Hari antara: ${daysBetween(date1, date2)}`); // Output: "Hari antara: 365"

Fungsi ini menghitung jumlah hari antara dua tanggal. Ini sangat berguna untuk timer hitung mundur atau menghitung durasi.

Kesimpulan

Selamat! Anda sekarang telah menjadi ahli dalam mengambil informasi tanggal menggunakan JavaScript. Metode ini sangat fleksibel dan membentuk dasar banyak operasi tanggal di pemrograman JavaScript.

Ingat, latihan membuat sempurna. Cobalah untuk memasukkan metode ini ke dalam proyek Anda sendiri, eksperimen dengan kombinasi yang berbeda, dan jangan takut untuk membuat kesalahan - itu adalah bagaimana kita belajar dan tumbuh sebagai pemrogram!

Tetap pemrogram, tetap kurios, dan yang paling penting, bersenang-senang dengan tanggal JavaScript. Siapa tahu? Anda mungkin saja menjadi orang yang bisa diselesaikan untuk semua hal yang berhubungan dengan tanggal dalam perjalanan coding Anda!

Credits: Image by storyset