JavaScript Academy · Ders

Tarihleri Biçimlendirme

Tarihleri toLocaleDateString seçenekleriyle görüntüleyin.

Tarihleri Biçimlendirme, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 4 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 4 dersten oluşur.

Tarihleri Biçimlendirme

JavaScript, bir tarihi yerel ayara duyarlı çıktılardan standartlaştırılmış ISO dizelerine kadar okunabilir metne dönüştürmek için çeşitli yerleşik yöntemler sunar.

const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString())

toISOString

toISOString, UTC cinsinden standartlaştırılmış bir dize döndürür. Belirsiz olmadığı için saklama ve veri alışverişi açısından idealdir.

const d = new Date(Date.UTC(2024, 0, 15, 10, 30, 0))
console.log(d.toISOString())

ISO Dizesini Dilimleme

ISO dizesi tarihi en başa yerleştirir; bu nedenle yalnızca takvim tarihini elde etmek için ilk on karakteri dilimleyebilirsiniz.

const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))

toLocaleDateString

toLocaleDateString, tarih bölümünü bir yerel ayar kullanarak biçimlendirir ve bölgeye uygun bir çıktı üretir.

const d = new Date(Date.UTC(2024, 0, 15))
const text = d.toLocaleDateString("en-US", { timeZone: "UTC" })
console.log(typeof text)

Yerel Ayar Bağımsız Değişkeni

İlk bağımsız değişken, biçimlendirilmiş tarihin sırasını ve ayraçlarını değiştiren en-US veya de-DE gibi bir yerel ayar etiketidir.

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)

Biçimlendirme Seçenekleri

Bir seçenekler nesnesi, uzun bir ay adı veya sayısal bir yıl gibi her bölümün nasıl görüneceğini seçmenizi sağlar.

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 yalnızca zaman bölümünü biçimlendirir; yine yerel ayara ve sağladığınız seçeneklere uyar.

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, tarih ile saati tek bir yerelleştirilmiş dizede birleştirir.

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, yerel ayar seçenekleri olmadan sabit ve insanların okuyabileceği bir İngilizce tarih verir; hızlı günlük kaydı için kullanışlıdır.

const d = new Date(Date.UTC(2024, 0, 15))
console.log(typeof d.toDateString())

Intl.DateTimeFormat

Tekrarlanan biçimlendirme için Intl.DateTimeFormat, yerel ayar yöntemlerini birçok kez çağırmaktan daha verimli olan yeniden kullanılabilir bir biçimlendirici nesne oluşturur.

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))

Biçim Seçme

Saklama ve API'ler için ISO dizelerini, kullanıcıların kendi bölgelerindeki görüntüleme işlemleri için yerel ayar yöntemlerini kullanın. Bu sorumlulukları birbirinden ayrı tutun.

const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))

Hızlı Sınama

Biçimlendirme bilginizi sınayın.

Özet

Özet: İşe uygun biçimlendirme yöntemini seçin.

Saklama ve API'ler için toISOString
Kullanıcıya görüntülemek için toLocaleDateString ve benzerleri
Seçenekler ay adlarını ve sayı stillerini denetler
Tekrarlanan biçimlendirmelerde Intl.DateTimeFormat verimlidir

const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))

Sıkça Sorulan Sorular

“Tarihleri Biçimlendirme” dersi ücretsiz mi?

Evet — “Tarihleri Biçimlendirme” 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 4 dersten oluşur.

“Tarihleri Biçimlendirme” dersinde ne öğreneceğim?

Tarihleri toLocaleDateString seçenekleriyle görüntüleyin. 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, 4 dersinin 3. dersidir.

“Tarihleri Biçimlendirme” 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

← JavaScript Academy Sayfasına Dön