Memformat Tanggal
Tampilkan tanggal dengan opsi toLocaleDateString.
Memformat Tanggal adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 3 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.
Memformat Tanggal
JavaScript menyediakan beberapa metode bawaan untuk mengubah tanggal menjadi teks yang mudah dibaca, mulai dari keluaran yang mengikuti lokal hingga teks ISO standar.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString())toISOString
toISOString mengembalikan teks standar dalam UTC, yang ideal untuk penyimpanan dan pertukaran data karena tidak menimbulkan ambiguitas.
const d = new Date(Date.UTC(2024, 0, 15, 10, 30, 0))
console.log(d.toISOString())Memotong Teks ISO
Teks ISO menempatkan tanggal di bagian awal, sehingga Anda dapat mengambil sepuluh karakter pertama saja untuk mendapatkan tanggal kalender.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))toLocaleDateString
toLocaleDateString memformat bagian tanggal menggunakan lokal tertentu, sehingga menghasilkan keluaran yang sesuai dengan wilayah tersebut.
const d = new Date(Date.UTC(2024, 0, 15))
const text = d.toLocaleDateString("en-US", { timeZone: "UTC" })
console.log(typeof text)Argumen Lokal
Argumen pertama adalah tag lokal seperti en-US atau de-DE, yang mengubah urutan dan pemisah pada tanggal yang diformat.
const d = new Date(Date.UTC(2024, 0, 15))
const us = d.toLocaleDateString("en-US", { timeZone: "UTC" })
const iso = d.toISOString().slice(0, 10)
console.log(typeof us, iso)Opsi Pemformatan
Objek opsi memungkinkan Anda memilih tampilan setiap bagian, misalnya nama bulan yang panjang atau tahun numerik.
const d = new Date(Date.UTC(2024, 0, 15))
const text = d.toLocaleDateString("en-US", { year: "numeric", month: "long", day: "numeric", timeZone: "UTC" })
console.log(typeof text)toLocaleTimeString
toLocaleTimeString hanya memformat bagian waktu, dan kembali mengikuti lokal serta opsi apa pun yang Anda berikan.
const d = new Date(Date.UTC(2024, 0, 15, 14, 5, 0))
const text = d.toLocaleTimeString("en-US", { timeZone: "UTC" })
console.log(typeof text)toLocaleString
toLocaleString menggabungkan tanggal dan waktu menjadi satu teks yang mengikuti lokal.
const d = new Date(Date.UTC(2024, 0, 15, 9, 0, 0))
const text = d.toLocaleString("en-US", { timeZone: "UTC" })
console.log(typeof text)toDateString
toDateString memberikan tanggal berbahasa Inggris yang tetap dan mudah dibaca tanpa opsi lokal, sehingga berguna untuk pencatatan singkat.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(typeof d.toDateString())Intl.DateTimeFormat
Untuk pemformatan berulang, Intl.DateTimeFormat membuat objek pemformat yang dapat digunakan kembali, sehingga lebih efisien daripada memanggil metode lokal berkali-kali.
const fmt = new Intl.DateTimeFormat("en-US", { timeZone: "UTC", dateStyle: "medium" })
const d = new Date(Date.UTC(2024, 0, 15))
console.log(typeof fmt.format(d))Memilih Format
Gunakan teks ISO untuk penyimpanan dan API, serta metode lokal untuk menampilkan tanggal kepada pengguna di wilayahnya. Pisahkan kedua kebutuhan ini.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))Pemeriksaan Singkat
Uji pengetahuan Anda tentang pemformatan.
Ringkasan
Ringkasan: Pilih metode pemformatan yang tepat untuk kebutuhan Anda.
- toISOString untuk penyimpanan dan API
- toLocaleDateString dan metode terkait untuk tampilan pengguna
- Opsi mengatur nama bulan dan gaya angka
- Intl.DateTimeFormat efisien untuk pemformatan berulang
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))Pertanyaan yang Sering Diajukan
Apakah pelajaran “Memformat Tanggal” gratis?
Ya — teks lengkap “Memformat 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 “Memformat Tanggal”?
Tampilkan tanggal dengan opsi toLocaleDateString. 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 3 dari 4.
Berapa lama pelajaran “Memformat 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.