0Pricing
JavaScript Academy · Pelajaran

Tanggal — Dasar-Dasar, Zona Waktu, Intl.DateTimeFormat

Buat tanggal, baca bagian-bagiannya, formatkan sesuai lokal, dan tampilkan zona waktu lain menggunakan Intl.DateTimeFormat

Tanggal — Dasar-Dasar, Zona Waktu, Intl.DateTimeFormat adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 3. 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 3 pelajaran total.

Pengantar tanggal

Tujuan: Membuat dan memformat tanggal dengan aman.

  • new Date()
  • Membaca bagian-bagian tanggal
  • Format lokal
  • Zona waktu lain
Tanggal — Dasar-Dasar, Zona Waktu, Intl.DateTimeFormat — ilustrasi 1

Membuat nilai Date

Buat dengan new Date(), stempel waktu, atau bagian tahun/bulan/hari sederhana (indeks bulan dimulai dari 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());
Tanggal — Dasar-Dasar, Zona Waktu, Intl.DateTimeFormat — ilustrasi 2

Pengambil untuk bagian-bagian tanggal

Gunakan pengambil 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());
Tanggal — Dasar-Dasar, Zona Waktu, Intl.DateTimeFormat — ilustrasi 3

ISO & epoch

toISOString menghasilkan teks UTC yang konsisten. getTime mengembalikan milidetik sejak epoch.

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

console.log("ISO:", sample.toISOString());
console.log("Unix seconds (approx):", Math.floor(sample.getTime() / 1000));
Tanggal — Dasar-Dasar, Zona Waktu, Intl.DateTimeFormat — ilustrasi 4

Format lokal

Gunakan Intl.DateTimeFormat untuk hasil yang jelas dan sesuai lokal, dengan opsi untuk bagian-bagiannya.

// 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));
Tanggal — Dasar-Dasar, Zona Waktu, Intl.DateTimeFormat — ilustrasi 5

Memformat zona waktu lain

Pilih timeZone untuk melihat waktu yang sama di wilayah berbeda (tanpa perhitungan 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));
Tanggal — Dasar-Dasar, Zona Waktu, Intl.DateTimeFormat — ilustrasi 6

Kuis Intl.DateTimeFormat

Pemeriksaan singkat: Format lokal/zona waktu.

Tanggal — Dasar-Dasar, Zona Waktu, Intl.DateTimeFormat — ilustrasi 7

Ringkasan

Ringkasan: Anda membuat tanggal, membaca bagian-bagiannya, mencetak ISO, memformat sesuai lokal, dan menampilkan zona waktu lain dengan Intl.DateTimeFormat.

Tanggal — Dasar-Dasar, Zona Waktu, Intl.DateTimeFormat — ilustrasi 8

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Tanggal — Dasar-Dasar, Zona Waktu, Intl.DateTimeFormat” gratis?

Ya — teks lengkap “Tanggal — Dasar-Dasar, Zona Waktu, Intl.DateTimeFormat” 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 3 pelajaran total.

Apa yang akan aku pelajari di “Tanggal — Dasar-Dasar, Zona Waktu, Intl.DateTimeFormat”?

Buat tanggal, baca bagian-bagiannya, formatkan sesuai lokal, dan tampilkan zona waktu lain menggunakan Intl.DateTimeFormat 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 3.

Berapa lama pelajaran “Tanggal — Dasar-Dasar, Zona Waktu, Intl.DateTimeFormat” 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

  1. Literal Templat dan Operasi String Umum
  2. Angka — Bilangan Bulat vs Pecahan dan Dasar-Dasar Math
  3. Tanggal — Dasar-Dasar, Zona Waktu, Intl.DateTimeFormat
← Kembali ke JavaScript Academy