0Pricing
JavaScript Academy · Ders

Tarihler — Temeller, Saat Dilimleri, Intl.DateTimeFormat

Tarih oluşturun, bileşenlerini okuyun, yerellere göre biçimlendirin ve Intl.DateTimeFormat kullanarak diğer saat dilimlerini yazdırın.

Tarihler — Temeller, Saat Dilimleri, Intl.DateTimeFormat, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 3 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, JavaScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. JavaScript Academy kursu toplamda 3 dersten oluşur.

Tarihlere giriş

Amaç: Tarihleri güvenli biçimde oluşturun ve biçimlendirin.

  • new Date()
  • Parçaları okuma
  • Yerel ayara göre biçimlendirme
  • Diğer saat dilimleri
Tarihler — Temeller, Saat Dilimleri, Intl.DateTimeFormat — resim 1

Date değerleri oluşturma

new Date(), bir zaman damgası veya basit yıl/ay/gün parçalarıyla oluşturun (ay dizini 0'dan başlar).

// 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());
Tarihler — Temeller, Saat Dilimleri, Intl.DateTimeFormat — resim 2

Parçalar için alıcılar

getFullYear, getMonth, getDate ve getHours gibi alıcıları kullanın.

// 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());
Tarihler — Temeller, Saat Dilimleri, Intl.DateTimeFormat — resim 3

ISO ve çağ başlangıcı

toISOString, kararlı bir UTC dizesi verir. getTime, çağ başlangıcından bu yana geçen milisaniyeleri döndürür.

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

console.log("ISO:", sample.toISOString());
console.log("Unix seconds (approx):", Math.floor(sample.getTime() / 1000));
Tarihler — Temeller, Saat Dilimleri, Intl.DateTimeFormat — resim 4

Yerel ayara göre biçimlendirme

Parçalar için seçeneklerle, açık ve yerel ayara duyarlı bir çıktı almak üzere Intl.DateTimeFormat kullanın.

// 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));
Tarihler — Temeller, Saat Dilimleri, Intl.DateTimeFormat — resim 5

Diğer saat dilimlerini biçimlendirme

Aynı anı farklı bölgelerde görmek için bir timeZone seçin (elle hesaplama yapmanız gerekmez).

// 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));
Tarihler — Temeller, Saat Dilimleri, Intl.DateTimeFormat — resim 6

Intl.DateTimeFormat sınaması

Hızlı kontrol: Yerel ayara ve saat dilimine göre biçimlendirme.

Tarihler — Temeller, Saat Dilimleri, Intl.DateTimeFormat — resim 7

Özet

Özet: Tarihler oluşturdunuz, parçaları okudunuz, ISO çıktısı aldınız, yerel ayarlara göre biçimlendirdiniz ve Intl.DateTimeFormat ile diğer saat dilimlerini görüntülediniz.

Tarihler — Temeller, Saat Dilimleri, Intl.DateTimeFormat — resim 8

Sıkça Sorulan Sorular

“Tarihler — Temeller, Saat Dilimleri, Intl.DateTimeFormat” dersi ücretsiz mi?

Evet — “Tarihler — Temeller, Saat Dilimleri, Intl.DateTimeFormat” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve JavaScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. JavaScript Academy kursu toplamda 3 dersten oluşur.

“Tarihler — Temeller, Saat Dilimleri, Intl.DateTimeFormat” dersinde ne öğreneceğim?

Tarih oluşturun, bileşenlerini okuyun, yerellere göre biçimlendirin ve Intl.DateTimeFormat kullanarak diğer saat dilimlerini yazdırın. JavaScript Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

JavaScript Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te JavaScript Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 3 dersinin 3. dersidir.

“Tarihler — Temeller, Saat Dilimleri, Intl.DateTimeFormat” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu JavaScript Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her JavaScript Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. Şablon Sabitleri ve Yaygın Dize İşlemleri
  2. Sayılar — Tam Sayılar ve Ondalıklar, Math Temelleri
  3. Tarihler — Temeller, Saat Dilimleri, Intl.DateTimeFormat
← JavaScript Academy Sayfasına Dön