Akademi JavaScript · Pelajaran

Tarikh — Asas, Zon Masa, Intl.DateTimeFormat

Cipta tarikh, baca bahagiannya, formatkan mengikut lokal dan paparkan zon masa lain menggunakan Intl.DateTimeFormat.

Pelajaran 3 daripada 38 langkah

Tarikh — Asas, Zon Masa, Intl.DateTimeFormat ialah pelajaran Akademi JavaScript percuma di CoddyKit. Ini ialah pelajaran 3 daripada 3. 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 3 pelajaran.

Pengenalan kepada tarikh

Matlamat: Cipta dan formatkan tarikh dengan selamat.

  • new Date()
  • Membaca bahagian tarikh
  • Pemformatan setempat
  • Zon waktu lain
Tarikh — Asas, Zon Masa, Intl.DateTimeFormat — ilustrasi 1

Mencipta nilai Date

Cipta dengan new Date(), cap masa atau bahagian y/m/d yang mudah (indeks bulan bermula pada 0).

// Create Date instances
// Now (current time)
const now = new Date();

// From timestamp (milliseconds since Jan 1, 1970 UTC)
const fromMs = new Date(0);

// From parts: year, monthIndex (0=Jan), day
const xmas = new Date(2025, 11, 25);

console.log("Now:", now.toString());
console.log("Epoch:", fromMs.toUTCString());
console.log("Xmas:", xmas.toDateString());
Tarikh — Asas, Zon Masa, Intl.DateTimeFormat — ilustrasi 2

Getter untuk bahagian tarikh

Gunakan getter seperti getFullYear, getMonth, getDate dan getHours.

// Read parts with getters
const d = new Date(2025, 0, 2, 15, 30);

console.log("Year:", d.getFullYear());
console.log("Month (0=Jan):", d.getMonth());
console.log("Day of month:", d.getDate());
console.log("Hours:", d.getHours());
console.log("Minutes:", d.getMinutes());
Tarikh — Asas, Zon Masa, Intl.DateTimeFormat — ilustrasi 3

ISO dan epok

toISOString memberikan rentetan UTC yang stabil. getTime mengembalikan milisaat sejak epok.

// ISO string and timestamps
const sample = new Date();

console.log("ISO:", sample.toISOString());
console.log("Unix seconds (approx):", Math.floor(sample.getTime() / 1000));
Tarikh — Asas, Zon Masa, Intl.DateTimeFormat — ilustrasi 4

Pemformatan setempat

Gunakan Intl.DateTimeFormat untuk output yang jelas dan peka kepada setempat, dengan pilihan bagi setiap bahagian.

// Format for a locale
const date = new Date(2025, 6, 4, 9, 5);

// Simple: toLocaleString uses your environment defaults
console.log("Local:", date.toLocaleString());

// Intl.DateTimeFormat with explicit locale and options
const fmt = new Intl.DateTimeFormat("en-GB", {
  year: "numeric",
  month: "short",
  day: "2-digit",
  hour: "2-digit",
  minute: "2-digit"
});

console.log("Formatted:", fmt.format(date));
Tarikh — Asas, Zon Masa, Intl.DateTimeFormat — ilustrasi 5

Memformatkan zon waktu lain

Pilih timeZone untuk melihat detik yang sama di rantau yang berbeza (tanpa pengiraan manual).

// Format for a different time zone
const meeting = new Date(Date.UTC(2025, 3, 10, 12, 0));

const ny = new Intl.DateTimeFormat("en-US", {
  timeZone: "America/New_York",
  dateStyle: "medium",
  timeStyle: "short"
});

const tokyo = new Intl.DateTimeFormat("en-US", {
  timeZone: "Asia/Tokyo",
  dateStyle: "medium",
  timeStyle: "short"
});

console.log("NY:", ny.format(meeting));
console.log("Tokyo:", tokyo.format(meeting));
Tarikh — Asas, Zon Masa, Intl.DateTimeFormat — ilustrasi 6

Kuiz Intl.DateTimeFormat

Semakan pantas: Pemformatan setempat/zon waktu.

Tarikh — Asas, Zon Masa, Intl.DateTimeFormat — ilustrasi 7

Ringkasan

Ringkasan: Anda mencipta tarikh, membaca bahagiannya, mencetak ISO, memformatkan untuk setempat, dan memaparkan zon waktu lain dengan Intl.DateTimeFormat.

Tarikh — Asas, Zon Masa, Intl.DateTimeFormat — ilustrasi 8
Percuma untuk bermula

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 “Tarikh — Asas, Zon Masa, Intl.DateTimeFormat” percuma?

Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Akademi JavaScript, termasuk “Tarikh — Asas, Zon Masa, Intl.DateTimeFormat”, 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 3 pelajaran.

Apakah yang akan saya pelajari dalam “Tarikh — Asas, Zon Masa, Intl.DateTimeFormat”?

Cipta tarikh, baca bahagiannya, formatkan mengikut lokal dan paparkan zon masa lain menggunakan Intl.DateTimeFormat. 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 3.

Berapa lamakah pelajaran “Tarikh — Asas, Zon Masa, Intl.DateTimeFormat” 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.

Semua pelajaran dalam kursus ini

  1. Literal Templat dan Operasi Rentetan Biasa
  2. Nombor — Integer berbanding Apungan dan Asas Matematik
  3. Tarikh — Asas, Zon Masa, Intl.DateTimeFormat
← Kembali ke Akademi JavaScript