JavaScript Academy · Pelajaran

Membuat dan Membaca Tanggal

Buat objek Date dan baca komponennya.

Pelajaran 1 dari 413 langkah

Membuat dan Membaca Tanggal adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar JavaScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus JavaScript Academy mencakup 4 pelajaran total.

Objek Date

Objek Date mewakili satu momen dalam waktu. Anda membuatnya dengan konstruktor Date menggunakan new.

const now = new Date()
console.log(now instanceof Date)

Tanggal Saat Ini

Memanggil new Date tanpa argumen mengambil momen saat ini berdasarkan jam sistem.

const now = new Date()
console.log(typeof now.getTime())

Dari Teks Tanggal

Anda dapat membuat tanggal dari teks tanggal ISO. Tahun, bulan, dan hari diuraikan dari teks tersebut.

const d = new Date("2024-03-15")
console.log(d.getFullYear())

Dari Komponen

Anda dapat memberikan komponen satu per satu: tahun, bulan, hari, serta jam dan menit secara opsional. Ingat bahwa argumen bulan dimulai dari nol.

const d = new Date(2024, 0, 15)
console.log(d.getFullYear())
console.log(d.getDate())

getFullYear

getFullYear mengembalikan tahun dalam empat digit. Selalu gunakan metode ini sebagai pengganti getYear yang sudah usang.

const d = new Date("2024-07-04")
console.log(d.getFullYear())

getMonth Dimulai dari Nol

getMonth mengembalikan angka dari 0 hingga 11, dengan 0 sebagai Januari dan 11 sebagai Desember. Hal ini sering menyebabkan kesalahan selisih satu.

const d = new Date("2024-07-04")
console.log(d.getMonth())

Mengonversi Bulan Menjadi Nama

Karena bulan dimulai dari nol, Anda dapat langsung menggunakan getMonth sebagai indeks ke dalam array nama bulan.

const names = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
const d = new Date(2024, 6, 4)
console.log(names[d.getMonth()])

getDate dan getDay

getDate mengembalikan tanggal dalam bulan dari 1 hingga 31, sedangkan getDay mengembalikan hari dalam pekan dari 0 untuk Minggu hingga 6 untuk Sabtu. Jangan sampai tertukar.

const d = new Date(2024, 0, 1)
console.log(d.getDate())
console.log(d.getDay())

Komponen Waktu

Gunakan getHours, getMinutes, dan getSeconds untuk membaca bagian waktu dari suatu tanggal.

const d = new Date(2024, 0, 1, 9, 30, 15)
console.log(d.getHours())
console.log(d.getMinutes())
console.log(d.getSeconds())

Membangun Teks yang Mudah Dibaca

Gabungkan metode pengambil untuk memformat tanggal secara manual, dan ingat untuk menambahkan satu pada bulan.

const d = new Date(2024, 6, 4)
const text = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate()
console.log(text)

Tanggal Tidak Valid

Teks tanggal yang tidak dapat diuraikan menghasilkan Invalid Date dengan waktu berupa NaN. Gunakan Number.isNaN pada getTime untuk mendeteksinya.

const bad = new Date("not a date")
console.log(Number.isNaN(bad.getTime()))

Pemeriksaan Singkat

Uji pengetahuan Anda tentang pembacaan tanggal.

Jawab di pelajaran interaktif

Ringkasan

Ringkasan: Objek Date menyimpan satu momen dalam waktu.

new Date tanpa argumen berarti waktu sekarang
getMonth dimulai dari nol
getDate adalah tanggal dalam bulan; getDay adalah hari dalam pekan
Tanggal yang tidak valid memiliki waktu NaN

const d = new Date(2024, 0, 15)
console.log(d.getMonth())

Gratis untuk memulai

Belajar JavaScript dengan tutor AI — gratis

Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.

Kursus: 59
Pelajaran: 200

Mulai belajar gratis Lihat kursus lengkapnya

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Membuat dan Membaca Tanggal” gratis?

Ya — teks lengkap “Membuat dan Membaca Tanggal” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus JavaScript Academy, upgrade ke CoddyKit PRO. Kursus JavaScript Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Membuat dan Membaca Tanggal”?

Buat objek Date dan baca komponennya. Kamu berlatih JavaScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai JavaScript Academy?

Tidak diperlukan pengalaman sebelumnya. JavaScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.

Berapa lama pelajaran “Membuat dan Membaca Tanggal” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran JavaScript Academy ini?

Ya. Setiap pelajaran JavaScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

← Kembali ke JavaScript Academy