Javascript Tarih Fonksiyonları
Hepinize merhaba dostlarım :). Bu yazımda sizlere javascript programlama dilinde karşımıza çıkan ve projelerimizde gerektiği yerlerde kullandığımız tarih fonksiyonlarını göstereceğim. Şimdi kafanızda bir soru işareti var evet bunu sezdim :). Bu soru işareti ise şu
Hocam javascript programlama dilinde tarih işlemleri ne zaman işimize yarar ?
Çok güzel soru dostlarım. Özellikle proje geliştirmeden önce bu soruların bana gelmesi çok güzel bir şey. Heyecanınızın farkındayım ve artık açıklamaya geçebilirim :)
Dostlarım öncelikle tarih fonksiyonları bizim projemizde tarihsel işlemler yapacağımız durumlarda fayda sağlar. Örnek vermek gerekirse sitemizde bir popup verdirmek istiyoruz varsayalım dostlarım. Bu popup un belirli bir tarih arasında gözükmesini istediğimiz zamanlarda bu yolu kullanabiliriz. Veya bir başka örnek vermemiz gerekirse bir kullanıcı ajax ile sayfadan yorum yaptığı zaman o anın tarihini alıp yorum ne zaman gelmiş ayarı yapabiliriz :). Bu örnekler projeden projeye göre değişebilir ve çoğaltılabilir dostlarım :). İşte bu ve bunun gibi durumlarda javascript programlama dilinde tarihsel fonkiyonları kullanabiliriz :). Heyecanınızın arttığının farkındayım dostlarım :). O halde sözü daha fazla uzatmadan tarihsel fonksiyonlarımıza girişimizi yapalım :)
new Date() Fonksiyonu
Dostlarım new Date() fonksiyonu adından da anlaşılacağı gibi dostlarım bizim tarih oluşturmamızda büyük olanak sağlıyor :). Nasıl diye merak ediyorsanız dostlarım hemen örnek gösterelim
<script>
var date = new Date();
alert(date);
</script>şeklinde kodumuzu yazdık dostlarım :). Burada dedik ki "Kardeşim sen new Date() ile bugünün tarihini al ve bu sonucu da alert() fonksiyonu ile ekrana bir basıver" dedik. Kod parçası da bizi kırmadı ve hemen ekranımıza aşağıdaki gibi bir sonuç döndürdü
Sat Mar 07 2021 09:38:24 GMT+0300 (GMT+03:00)şeklindeki gibi bir sonuç döndürdü. Az buçuk anlamış olmanız lazım dostlarım çünkü dijital saatlerden tutun da hemen hemen teknolojinin olduğu her yerde karşımıza çıkan bir tarih formatı döndü karşımıza :). Bu tarih formatında da bize şunu diyor
"Kardeşim şu anki tarih 6 mart 2021, günlerden cumartesi, saat ise 10:38 :)". Buraya kadar sorun yoktur umarım dostlarım. Çünkü önemli bir noktaya şimdi geleceğim
Dostlarım new Date() fonksiyonu ile şu anki tarihi alabiliyoruz iyi hoş ama bunun da kendi içerisinde parametre alma durumu var :). 7 ayrı parametre alıyor ama bunlar zorunlu parametre değil. Zorunlu olsaydı yukarıdaki örnekte parametre tanımlamamız gerekirdi. Şimdi gelelim bu 7 parametre neymiş ne değilmiş onları incelemeye :)
- Parametre: Yıl Değeri
- Parametre: Ay Değeri (0-11 arasında girilmesi lazım)
- Parametre: Gün Değeri
- Parametre: Saat Değeri
- Parametre: Dakika Değeri
- Parametre: Saniye Değeri
- Parametre: Salise Değeri
şeklindedir dostlarım :). Şimdi gelelim benim doğum tarihim olan 06.06.1999 23:59:13 ifadesini new Date() fonksiyonu ile ekranımıza bastıralım
<script>
var date = new Date(1999,5,6,23,59,13);
alert(date)
</script>şeklindeki gibi dostlarım kodumuzu yazdık. Yalnız aklınızda bir soru var. Bu soru da şu
Hocam Haziran ayını neden 5. Ay olarak yazdık ?
Dostlarım javascript programlama dilinde ay parametresini belirtirken 0-11 arasında belirtmemiz gerekiyor. Bunu da inceleyecek olursak
- 0 Değeri : Ocak
- 1 Değeri : Şubat
- 2 Değeri : Mart
- 3 Değeri : Nisan
- 4 Değeri : Mayıs
- 5 Değeri : Haziran
- 6 Değeri : Temmuz
- 7 Değeri : Ağustos
- 8 Değeri : Eylül
- 9 Değeri : Ekim
- 10 Değeri : Kasım
- 11 Değeri : Aralık
olarak belirtmemiz gerekmektedir dostlarım :). Burayı da anladığınıza göre dostlarım gelelim tarih değerlerine nasıl ulaşabiliriz ona bir göz atalım :)
Tarih Bilgilerine Ulaşma İşlemleri
Dostlarım artık tarih oluşturduğumuza göre gelelim şimdi de oluşturduğumuz tarihin bilgilerine ulaşma işlemine :). Bunun için ekstra bir işlem veya algoritma yapmamıza gerek yok dostlarım. Javascript programlama dilinin geliştiricileri new Date() ile bir nesne oluşturduğumuz andan itibaren nesnemizden alt methodlara erişmemizde olanak sağlayacak olan bir yapı kurmuş :). Nedir bu alt methodlar diye merak ediyorsanız dostlarım gelin onları inceleyelim :).
| getFullYear() fonksiyonu | new Date() içerisine girdiğimiz 4 basamaklı yıl değerini bize geri döndürmeye yarar |
| getMonth() fonksiyonu | new Date() içerisinde belirtmiş olduğumuz ay değerini bize geri döndürür (0-11 arasında) |
| getDate() fonksiyonu | new Date() içerisinde belirttiğimiz gün değerini bize geri döndürmeye yarar (0-30 arası) |
| getHours() fonksiyonu | new Date() içerisinde belirttiğimiz saat değerinin bize geri döndürülmesinde yardımcı olur (0-23 arası) |
| getMinutes() fonksiyonu | Adından da anlaşılacağı üzere new Date() içerisinde belirtmiş olduğumuz dakika değerini almamıza yardımcı olur (0-59 arası) |
| getSeconds() fonkiyonu | new Date() içerisinde tanımladığımız olan saniye değerini bize geri döndürme işleminde katkı sağlar (0-59 arası) |
| getMilliseconds() fonksiyonu | Adından da anlaşılacağı üzere new Date() içerisinde tanımladığımız milisaniye değerinini bize döndürülmesinde yardımcı olur (0-999 arasında) |
| getTime() fonksiyonu | new Date() içerisine girdiğimiz tarih ve 01.01.1970 tarihini unix time şekline çevirip arasındaki farkı hesaplamamıza olanak sağlıyor |
| getDay() fonksiyonu | new Date() içerisinde tanımladığımız tarihte içerisindeki günü haftanın kaçıncı günü olduğunu bize geri döndürüyor (0-6 arasında) |
şeklinde kodlarımızı gördük dostlarım :). Şimdi gelin bu komutları önceki örnekte tanımladığımız gibi benim doğum tarihim üzerinde işleme alalım
<script>
var date = new Date(1999,5,6,23,59,13);
console.log(date.getFullYear()) // 1999 yazacaktır
console.log(date.getMonth()) // 5 Değerini Ekrana Yazacaktır
console.log(date.getDate()); // 6 değeriini ekrana basacaktır
console.log(date.getHours()); // 23 değerini ekrana basacaktır
console.log(date.getMinutes()) // 59 değerini ekrana basacaktır
console.log(date.getMilliseconds()) // ekrana 0 değerini basacaktır. Milisaniye yok çünkü
console.log(date.getTime()) // ekrana 928702753000 değerini basacaktır
console.log(date.getDay()) // ekrana 0 değerini yani pazartesi değerini basacaktır
</script>şeklindeki gibi dostlarım kullanım yaptık. Siz de kendinizi geliştirmek için birtakım örnekler yapabilirsiniz :). Gelin hep beraber bir örnek yapalım ve new Date() içerisinde belirttiğimiz tarihteki ay değeri hangi aya denk geliyor hadi onu ekrana yazdıralım
<script>
var date = new Date(1999,5,6,23,59,13);
var aylar = ["Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylül","EKim","Kasım","Aralık"];
alert(aylar[date.getMonth()]) // Ekrana Haziran değerini bastıracaktır
</script>şeklinde gruplanır dostlarım. Yukarıda bahsettiğim gibi ay değerleri 0-11 arasında tanımlandığı için 5. Index i yani Haziran ayını ekrana bastırmış bulundu dostlarım :).
Tarih Bilgilerini Ayarlama İşlemi
Artık rahatça tarih bilgilerini alıyoruz ve ekrana yazdırıyoruz dostlarım :). Bu sürece kadar olan işlemleri anlamış bulunmaktayız. Peki ya tariih bilgilerini ayarlama işlemi ile karşı karşıya kalırsak ne yapacağız ? Gelin hep beraber onları da inceleyelim
| setDate() fonksiyonu | new Date() olarak tarih bilgisini aldığımızda içerisindeki gün değerini değiştirmemize yarar (0-30 arasında) |
| setFullYear() fonksiyonu | new Date() ile tarih bilgisini aldığımızda 4 basamaklı yıl değerini değiştirmemizde yardımcı olur |
| setHours() fonksiyonu | new Date() ile alacağımız tarih bilgisindeki saat değerini değiştirmemize yardım sağlar (0-23 arasında) |
| setMinutes() fonksiyonu | new Date() fonksiyonu içerisindeki dakika değerini değiştirmemizde yardımcı olur (0-59 arasında) |
| setMonth() fonksiyonu | new Date() ile gelen tarih içerisinde ay değeriinii değiştirme işleminde yardımcı olur (0-11 arasında) |
şeklinde gruplanır dostlarım :). Şimdi gelelim doğum tarihi örneğinde bunların nasıl kullanıldığına
<script>
var date = new Date(1999,5,6,23,59,13);
date.setFullYear(2021);
date.setFullYear(2021, 8, 5);
date.setMonth(8);
date.setDate(28);
date.setHours(16);
date.setMinutes(48);
</script>şeklinde kodlarımızı yazdık dostlarım :). İşte kullanım tamemen bu şekilde dostlarım :). Çok zor bir yanı yok :)
Tarih Bilgilerini Karşılaştırma
Artık tarih oluşturuma ve tarih oluşturuluruken belirli özellikleri get ve set etme işlemlerini rahatlıkla anlamış bulunmaktayız dostlarım :). Şimdi gelin benim doğum tarihim ile bugünü karşılaştıralım
<script>
var dt = new Date(1999,5,6);
var bt = new Date(2021,2,7);
if(bt>dt){
alert("Bugün Doğum Tarihimden Büyük");
}else{
alert("Bugün Doğum Tarihimden Küçük");
}
</script>
<!--
Ekran Çıktısı: Bugün Doğum Tarihimden Büyük
-->şeklindeki gibi dostlarım kodumuzu yazdık dostlarım. Bugünün tarihini ve benim doğum tarihimi alıp unix time şekline çevirip karşılaştırma yaptı. Bugünün tarihi benim doğum tarihimden büyük olduğu için ekrana "Bugün Doğum Tarihimden Büyük" şeklinde kodu yazdırmış oldu dostlarım :).
Evet dostlarım yazımız burada son buluyor. Bu yazımda sizlere javascript programlama dilinde tarih fonksiyonlarından dilim döndüğünce bahsettim. Umarım faydalı olmuşumdur :). Başlarda biiraz zor veya karmaşık gelebilir. Bu ve bunun gibi durumlarda her yazımın altında belirttiğim gibi "İstikrarlı ve Azimli Olmalı, Bolca Pratik Yapmalısınız :)". Bu sözümü hayat felsefeniz yaptığınız andan itibaren başarı sizin için kaçınılmaz olacaktır dostlarım :)
Hayallerinizi gerçekleştirmeniz ve güzel yerlere gelmeniz dileklerimle... İyi çalışmalar dilerim :)
Yazar Hakkında
Kendi Halinde Bir Backend Developer