Tarihlerle çalışmak programlamanın mühim bir yönüdür. Yerleşik date nesnesi, JavaScript’teki tarih ve saatlerle çalışmak için kullanılır. Date nesnesinin çeşitli şekilleri, tarih ve saatlerle çalışırken görevi fazlaca daha kolay hale getirir.
Bu makalede, JavaScript’te tarihlerle emek verme hakkında bilmenizde fayda olacak her şeyi öğreneceksiniz. Sözü daha çok uzatmadan, atlayalım.
Tarih Nesneleri Iyi mi Oluşturulur
Aşağıdaki dört yolu kullanarak JavaScript’te bir tarih nesnesi oluşturabilirsiniz:
1. yeni Tarih()
Bu, bir sonraki yeni Tarih() yapıcısı geçerli tarih ve saate haiz bir tarih nesnesi oluşturur.
let d = new Date();
console.log(d);Çıktı:
Mon Jan 03 2022 20:27:58 GMT+0530 (India Standard Time)2. yeni Tarih(datestring)
Bu, bir sonraki yeni Tarih(datestring) constructor bir tarih dizesinden bir tarih nesnesi oluşturur.
let d = new Date("2022-01-01");
console.log(d);Çıktı:
Sat Jan 01 2022 05:30:00 GMT+0530 (India Standard Time)3. yeni Tarih(milisaniye)
Bu, bir sonraki yeni Tarih(milisaniye) constructor, milisaniyeyi sıfır saate ilave ederek bir tarih nesnesi oluşturur. Parametre, 1 Ocak 1970 UTC’den bu yana milisaniye cinsinden geçirilen zamanı temsil eder.
let d1 = new Date(0);
console.log(d1);
let d2 = new Date(973436457364);
console.log(d2);Çıktı:
Thu Jan 01 1970 05:30:00 GMT+0530 (India Standard Time)
Sun Nov 05 2000 20:30:57 GMT+0530 (India Standard Time)4. yeni Tarih(yıl, ay, gün, saatler, dakikalar, saniyeler, milisaniye)
Bu, bir sonraki yeni Tarih(yıl, ay, gün, saatler, dakikalar, saniyeler, milisaniye) yapıcı, belirtilen tarih ve saate haiz bir tarih nesnesi oluşturur. Yedi parametre sırasıyla yıl, ay, gün, saat, dakika, saniye ve milisaniyeyi belirtir.
let d = new Date(2020, 10, 11, 15, 29, 46, 0);
console.log(d);Çıktı:
Wed Nov 11 2020 15:29:46 GMT+0530 (India Standard Time)Ek olarak altı, dört, üç yada iki parametreli bir tarih nesnesi oluşturabilirsiniz.
a) Altı parametre yıl, ay, gün, saat, dakika ve saniyeyi belirtir.
b) Beş parametre yıl, ay, gün, saat ve dakikayı belirtir.
c) Dört parametre yıl, ay, gün ve saati belirtir.
d) Üç parametre yıl, ay ve günü belirtir.
e) İki parametre yıl ve ayı belirtir.
Not:
- JavaScript 0 ile 11 içinde aylar sayar, kısaca Ocak 0 ile temsil edilir ve Aralık 11 ile temsil edilir.
- Date nesnesinde aralık dışı değerler belirtirseniz, bunun yerine hata atmayacak, kendini otomatikman düzeltecektir.
// March does not have 40 days, the overflow is auto-corrected
let d = new Date(2020, 2, 40);
console.log(d);Çıktı:
Thu Apr 09 2020 00:00:00 GMT+0530 (India Standard Time)JavaScript Zamanı Alma Şekilleri
Bir date nesnesinden informasyon almak için aşağıdaki şekilleri kullanabilirsiniz.
1. getFullYear()
Bu yöntem, mahalli saate bakılırsa yılı dört basamaklı bir sayı (yyyy) olarak döndürür.
let d = new Date();
console.log(d.getFullYear());Çıktı:
20222. getMonth()
Bu yöntem, mahalli saate bakılırsa ayı sayı (0-11) olarak döndürür.
let d = new Date();
console.log(d.getMonth());Çıktı:
03. getDate()
Bu yöntem, günü mahalli saate bakılırsa bir sayı (1-31) olarak döndürür.
let d = new Date();
console.log(d.getDate());Çıktı:
3
4. getHours()
Bu yöntem, mahalli saate bakılırsa saati (0-23) döndürür.
let d = new Date();
console.log(d.getHours());Çıktı:
225. getMinutes()
Bu yöntem, mahalli saate bakılırsa dakikayı (0-59) döndürür.
let d = new Date();
console.log(d.getMinutes());Çıktı:
406. getSeconds()
Bu yöntem, mahalli saate bakılırsa ikinciyi (0-59) döndürür.
let d = new Date();
console.log(d.getSeconds());Çıktı:
307. getMilliseconds()
Bu yöntem, mahalli saate bakılırsa milisaniyeyi (0-999) döndürür.
let d = new Date();
console.log(d.getMilliseconds());Çıktı:
55
8. getTime()
Bu yöntem, 1 Ocak 1970’ten bu yana milisaniye cinsinden süre döndürür.
let d = new Date();
console.log(d.getTime());Çıktı:
16412300888849. getDay()
Bu yöntem, hafta içi mahalli saate bakılırsa bir sayı (0-6) olarak döndürür.
let d = new Date();
console.log(d.getDay());Çıktı:
1Not: UTC tarihleriyle çalışmak istiyorsanız, aşağıdaki tarih yöntemlerini kullanabilirsiniz: getUTCDate(), getUTCDay(), getUTCFullYear(), getUTCHours(), getUTCMilliseconds(), getUTCMinutes(), getUTCMonth()ve getUTCSeconds().
JavaScript Tarih Kümesi Şekilleri
Date nesnesinin bir bölümünü ayarlamak için aşağıdaki şekilleri kullanabilirsiniz.
1. setTari()
Bu yöntem, mahalli saate bakılırsa belirli bir tarih için günü sayı (1-31) olarak ayarlar.
let d = new Date();
d.setDate(20);
console.log(d);Çıktı:
Thu Jan 20 2022 22:58:59 GMT+0530 (India Standard Time)
2. setFullYear()
Bu yöntem, mahalli saate bakılırsa belirtilen bir tarih için yılı ayarlar.
let d = new Date();
d.setFullYear(2016);
console.log(d);Çıktı:
Sun Jan 03 2016 23:00:41 GMT+0530 (India Standard Time)3. setHours()
Bu yöntem, mahalli saate bakılırsa belirli bir tarih için saati (0-23) ayarlar.
let d = new Date();
d.setHours(15);
console.log(d);Çıktı:
Mon Jan 03 2022 15:02:01 GMT+0530 (India Standard Time)
4. setMilliseconds()
Bu yöntem, mahalli saate bakılırsa belirtilen bir tarih için milisaniyeleri (0-999) ayarlar.
let d = new Date();
d.setMilliseconds(548);
console.log(d);Çıktı:
Mon Jan 03 2022 23:04:13 GMT+0530 (India Standard Time)Benzer şekilde, setMinutes(), setMonth()ve setSeconds() mahalli saate bakılırsa belirtilen bir tarih için sırasıyla dakika (0-59), ay (0-11) ve saniyeleri (0-59) ayarlama şekilleri.
JavaScript Geçerli Saat Örneği
Sistemin geçerli saatini yazdırmak için kolay bir örnek:
Geçerli Saat
Bu makalede kullanılan kaynak kodunun tamamına bir göz atmak istiyorsanız, github deposu alttadır.
JavaScript’in Tarih Kavramlarını Kullanarak Proje Geliştirme
Gerçek uygulamalar üstünde çalışırken birçok JavaScript zamanı örneğiyle karşılaşacaksınız. Rahat bir projeye adım atmak ve uygulamalı tecrübe kazanmak istiyorsanız HTML, CSS ve JavaScript kullanarak dijital bir saat geliştirebilirsiniz. Tarihlerle beraber, değişkenlerle emek verme, işlevleri kullanma, DOM’a özelliklere erişme ve ekleme ve daha fazlası şeklinde bazı mühim JavaScript kavramlarını da öğreneceksiniz.