MomentJs nedir?

Bu makalemizde javascript tarih işlemlerimizde hayat kurtaran Momentjs hakkında olacak. Tarih işlemleri üzerine yazılmış en iyi ve performanslı kütüphanelerden birisidir.

Momentjs Nedir?

Momentjs sadece tarih işlemleri için oluşturulmuş açık kaynak bir kütüphanedir. Github adreslerine https://github.com/moment/moment/ adresinden ulaşabilirsiniz. Angularjs, Nodejs veya jQuery ile uyumlu çalışabilir. Angularjs için yapılmış angular-moment modülü bile mevcut.

Momentjs nasıl kullanılır?

Henüz Nodejs makalelerine geçmediğim için NodeJs ile kullanımından bahsetmeyeceğim. Sadece tarayıcı kısmında yapabileceklerinizden bahsedeceğim.

Öncelikle moment.js dosyasını html dosyamıza import etmemiz gerekiyor. İsterseniz Momentjs‘nin anasayfasından js dosyasını download ederek kendiniz import edebilirsiniz. Ancak benim tavsiyem Cdnjs kullanarak sayfanıza import etmeniz. Cdnjs adresimiz;

https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js

Dikkat! Ben bu makaleyi yazarken son versiyon 2.15.1 ancak sizin makaleyi okuma zamanınıza göre en güncel versiyonu kullanmanızı tavsiye ederim.

Şimdi bir html dosyası açıyoruz. Ben adını momentjs.html koydum siz istediğiniz gibi değiştirebilirsiniz. Moment.min.js dosyamın import edilmiş son hali şu şekilde;

Şimdi en basit haliyle şuanki tarihi ekrana yazdıralım. Bunun için moment() fonksiyonunu kullanacağız. Aşağıda kullanımını görebilirsiniz;

document.write(moment()); kodunu görmüşsünüzdür. Bu ekrana şuanki tarihi yazdıracaktır. Şu şekilde;

Momentjs Now

 

En basit haliyle tarihi yazdırdık. Momentjs’nin tüm hünerleri bu kadar değil. Tarihleri istediğiniz gibi formatlayabilirsiniz. Bunun için format() fonksiyonunu kullanacağız.

Bunun için moment() fonksiyonumuza .format() fonksiyonunu eklememiz yeterlidir. Format için kullanabileceğimiz birçok farklı yöntem var. Momentjs.com adresinden hepsine ulaşabilirsiniz.

Bunun çıktısı aşağıdaki gibi olacaktır;

MomentJs Now Format

Peki ya Türkçe yapmak istersek. MomentJs’nin hazırda bir Türkçe dil desteği mevcut. Bunun için “http://momentjs.com/downloads/moment-with-locales.min.js” dosyasını sayfamıza import etmemiz gerekiyor. Sonrasında tarih işlemlerine başlamadan önce “moment.locale(‘tr’);” kodunu eklememiz yeterli. Aşağıdaki şekilde;

İşte bu kadar artık aşağıdaki şekilde bir çıktı alacaksınız;

MomentJs Now Format TR

Kodların son haline http://codepen.io/cihanaksoy/pen/ORWXzL adresinden ulaşabilirsiniz.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir