JavaScript Güncel Tarih Bilgisini Alma ve Düzenleme

Eğer JavaScript kullanıyorsanız, güncel tarihi almanın farklı yolları bulunmaktadır. Tarih işlemleri için JavaScript bize Date nesnesini verir ve bu nesne kullanılarak farklı işlemler yapmak oldukça kolaylaşır.

Ayrıca JavaScript geliştikçe farklı metodlar ve nesneler de eklenmektedir bu nedenle yapılmak istenen işler daha da kolaylaşabilmektedir.

JavaScript Date Nesnesi

Tarih işlemleri günlük hayatımızda olduğu gibi geliştirdiğimiz uygulamalarda da oldukça önemlidir. Gerek güncel tarih ve gerekse daha önceki veya daha sonraki tarihler ile işlemler yapmak isteyebiliriz. Mesela bir alışveriş sitesinde bugün yapılan alışverişlerin toplam tutarının bulunması gerekebilir.

Bu nedenle JavaScript ile Date nesnesi gelmiştir. Sahip olduğu metodlar ile tarih işlemlerini en güzel şekilde yapmamıza yardımcı olur.

Güncel Tarih Nesnesini Oluşturma

Eğer güncel tarih bilgilerini içeren bir değişken istiyorsak new Date() ifadesini kullanabiliriz.

const bugun = new Date();

Elde ettiğimiz bu nesne tarih ile ilgili bir çok bilgiyi içerir. Eğer bu nesneyi konsola yazdırmak istersek

const bugun = new Date();
console.log(bugun);

// Ekrana
// 2022-12-05T09:01:06.954Z
// şeklinde bir çıktı verir.

alacağımız çıktı

2022-12-05T09:01:06.954Z

gibi olacaktır ve hangi tarihte bu kod çalıştırılırsa o tarih ve zaman bilgisini verecektir.

Güncel Tarih Bilgisini Oluşturma

Güncel tarih bilgisini aldığımıza göre onu hemen kullanmak isteyebiliriz. Fakat bu şekilde kullanırsak güzel bir sonuç elde edemeyiz. Bunun yerine tarih bilgisini formatlayarak almak daha şık duracaktır.

Mesela tarih bilgimiz içerisinde zaman bilgisinin olmamasını ve çıktının da gg-aa-yyyy şeklinde olmasını istediğimiz varsayalım. Bu durumda aşağıdaki kod işimize yarayacaktır.

const bugun = new Date();
const gun = bugun.getDay();
const ay = bugun.getMonth() + 1;
const yil = bugun.getFullYear();

const tarih = `${gun}-${ay}-${yil}`;

console.log(tarih);
// Ekrana
// 5-12-2022
// gibi çalıştırıldığı günün 
// tarihini yazar

Date().toString() Metodu

Date toString metotu tarih nesnesinin değerini bir stringe çevirerek geri dönderir.

const tarih = new Date('August 19, 1975 23:15:30');
console.log(tarih.toString());
// Konsola
// Tue Aug 19 1975 23:15:30 GMT+0200 (CEST)
// yazdırır. 

Date().toLocaleString() Metodu

Kullanılan sistemin bilgilerini kullanarak veya verilen parametrelere göre tarih bilgisini oluşturur. Parametre olarak dil bilgisini ve saat dilimi bilgisini alır. Parametreler kullanılmazsa sistem bilgisi kullanılır.

const event = new Date(Date.UTC(2012, 11, 20, 3, 0, 0));

// İngiliz İngilizcesi olarak çıktı alalım.
console.log(event.toLocaleString('en-GB', { timeZone: 'UTC' }));
// Konsola
// 20/12/2012, 03:00:00
// şeklinde çıktı verir.

// Türkiye Türkçesi olarak
console.log(event.toLocaleString('tr-TR', { timeZone: 'UTC' }));
// Konsola
// 20.12.2012 03:00:00
// şeklinde çıktı verir.

toLocaleString hem tarih bilgisini ve aynı zamanda saat bilgisini de verir. Ayrıntılı bilgi için toLocaleString adresini ziyaret edebilirsiniz.

Date().toLocaleDateString() Metotu

Sadece tarih bilgisini kullanılan sistemin dil ayarlarına veya verilen dil bilgisine göre dönderen bir metotdur. Dil bilgisini parametre olarak alır. Ayrıca istenirse tarihin nasıl formatlanacağı da belirtilebilir. Parametreler kullanılmazsa sistem bilgisi kullanılır.

const tarih = new Date(Date.UTC(2012, 11, 20, 3, 0, 0));
const secenekler = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };

console.log(tarih.toLocaleDateString('de-DE', secenekler));
// Konsola
// Donnerstag, 20. Dezember 2012
// yazdırır

console.log(tarih.toLocaleDateString('tr-TR', secenekler));
// Konsola
// 20 Aralık 2012 Perşembe
// yazdırır

console.log(tarih.toLocaleDateString(undefined, secenekler));
// Sistem bilgisi kullanılarak çıktı üretilecektir.
// Bu nedenle her sistemde farklı çıktı olacaktır.

Daha ayrıntılı bilgi için toLocaleDateString adresini ziyaret edebilirsiniz.

Sonuç

Farklı kullanım amaçları Date nesnesinin farklı metodları kullanılarak güncel tarih bilgisi alınabilir.

Tarih düzenleme ile ilgili eklemek istediklerinizi yorumlara yazabilirsiniz.