Intl.DateTimeFormat

JavaScript kursu · Orta seviye · Ders 115/134

Intl.DateTimeFormat ile dile ve bölgeye özgü tarih formatlamayı öğrenirsin.

Intl.DateTimeFormat

Intl.DateTimeFormat dile ve bölgeye özel tarih biçimlendirmesi yapar. Bir bölge kodu ve bir options nesnesi alır.

const fmt = new Intl.DateTimeFormat('tr-TR', {
  weekday: 'long',
  day: 'numeric',
  month: 'long'
});
fmt.format(new Date());

Options nesnesi hangi parçaların gösterileceğini belirler. weekday: 'long' tam gün adını, numeric ise sayısal değeri verir. Aynı biçimlendiriciyi birçok tarihte yeniden kullanabilirsin.

Saat dilimi seçeneği

timeZone seçeneği tarihi başka bir saat diliminde gösterir. Varsayılan kullanıcının dilimidir.

new Intl.DateTimeFormat('en-US', {
  timeZone: 'Asia/Tokyo',
  hour: 'numeric',
  minute: 'numeric'
}).format(new Date());

Bu Tokyo saatine göre saati verir. Saat dilimi adları IANA biçimindedir, örneğin 'Europe/Istanbul' veya 'UTC'. Böylece farklı bölgelerdeki kullanıcılar için doğru saati gösterirsin.

Uygulama Bölgesel biçimlendirici oluştur

fmt değişkenine new Intl.DateTimeFormat('tr-TR', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }) ata. Sonra fmt.format(today) çağrısının sonucunu console.log ile yazdır.

Örnek çözümü göster

Intl.DateTimeFormat bir biçimlendirici oluşturur; options hangi parçaların gösterileceğini belirler. format metodu tarihi dize olarak verir.
Örnek çözüm:
const today = new Date();
const fmt = new Intl.DateTimeFormat('tr-TR', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' });
console.log(fmt.format(today));

Kendini test et

new Intl.DateTimeFormat('en-US').format(date) ne döndürür?
```
new Intl.DateTimeFormat('en-US').format(new Date())
```
- Türkçe biçimli tarih
- ISO biçimi
- Bir timestamp
- ABD biçimli tarih
Cevabı göster

ABD biçimli tarih — Doğru! 'en-US' bölgesi ABD biçiminde bir tarih dizesi verir.

Options nesnesini tamamla

const fmt = new Intl.DateTimeFormat('tr-TR', { ____, year: 'numeric' });
console.log(fmt.format(new Date()));

Cevabı göster

const fmt = new Intl.DateTimeFormat('tr-TR', { weekday: 'long', year: 'numeric' });
console.log(fmt.format(new Date()));

Options anahtarlarını eşleştir

weekday

hafta günü adı
year

yıl
month

ay
hour

saat

Orta seviye bölümündeki tüm dersler

Intl.DateTimeFormat