Memformat Tarikh
Paparkan tarikh dengan pilihan toLocaleDateString.
Memformat Tarikh ialah pelajaran Akademi JavaScript percuma di CoddyKit. Ini ialah pelajaran 3 daripada 4. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Akademi JavaScript, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Akademi JavaScript merangkumi sejumlah 4 pelajaran.
Memformat Tarikh
JavaScript menyediakan beberapa kaedah terbina dalam untuk menukar tarikh kepada teks yang mudah dibaca, daripada hasil mengikut lokal hingga rentetan ISO piawai.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString())toISOString
toISOString mengembalikan rentetan piawai dalam UTC, sesuai untuk penyimpanan dan pertukaran data kerana formatnya tidak mengelirukan.
const d = new Date(Date.UTC(2024, 0, 15, 10, 30, 0))
console.log(d.toISOString())Memotong Rentetan ISO
Rentetan ISO meletakkan tarikh di bahagian awal, jadi anda boleh menggunakan slice untuk mengambil sepuluh aksara pertama sahaja dan mendapatkan tarikh kalendar.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))toLocaleDateString
toLocaleDateString memformat bahagian tarikh menggunakan lokal, lalu menghasilkan hasil yang sesuai dengan rantau 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 ialah tag lokal seperti en-US atau de-DE, yang mengubah susunan dan pemisah tarikh 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)Pilihan Pemformatan
Objek pilihan membolehkan anda menentukan cara setiap bahagian dipaparkan, seperti nama bulan yang panjang atau tahun berangka.
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 bahagian masa, dan sekali lagi mematuhi lokal serta sebarang pilihan 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 tarikh dan masa ke dalam satu rentetan setempat.
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 tarikh bahasa Inggeris yang tetap dan mudah dibaca tanpa pilihan lokal, serta berguna untuk pencatatan ringkas.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(typeof d.toDateString())Intl.DateTimeFormat
Untuk pemformatan berulang, Intl.DateTimeFormat mencipta objek pemformat yang boleh digunakan semula, yang lebih cekap daripada memanggil kaedah 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 rentetan ISO untuk penyimpanan dan antara muka pengaturcaraan aplikasi, serta kaedah lokal untuk paparan kepada pengguna di rantau mereka. Asingkan kedua-dua keperluan ini.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))Semakan Ringkas
Uji pengetahuan anda tentang pemformatan.
Ringkasan
Ringkasan: Pilih kaedah pemformatan yang tepat untuk tugas tersebut.
- toISOString untuk penyimpanan dan antara muka pengaturcaraan aplikasi
- toLocaleDateString dan kaedah berkaitan untuk paparan pengguna
- Pilihan mengawal nama bulan dan gaya nombor
- Intl.DateTimeFormat cekap untuk pemformatan berulang
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))
Pelajari JavaScript dengan tutor kecerdasan buatan — percuma
Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.
- Kursus
- 59
- Pelajaran
- 200
Soalan Lazim
Adakah pelajaran “Memformat Tarikh” percuma?
Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Akademi JavaScript, termasuk “Memformat Tarikh”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Akademi JavaScript merangkumi sejumlah 4 pelajaran.
Apakah yang akan saya pelajari dalam “Memformat Tarikh”?
Paparkan tarikh dengan pilihan toLocaleDateString. Anda berlatih Akademi JavaScript menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.
Adakah saya memerlukan pengalaman untuk memulakan Akademi JavaScript?
Tiada pengalaman terdahulu diperlukan. Pembelajaran Akademi JavaScript di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 3 daripada 4.
Berapa lamakah pelajaran “Memformat Tarikh” diambil?
Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.
Bolehkah saya menulis dan menjalankan kod dalam pelajaran Akademi JavaScript ini?
Ya. Setiap pelajaran Akademi JavaScript menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.