MomentJS - Ortam Kurulumu
Bu bölümde, yerel bilgisayarınızda MomentJS'nin çalışma ortamını kurmayı ayrıntılı olarak öğreneceksiniz. MomentJS üzerinde çalışmaya başlamadan önce, kitaplığa erişiminizin olması gerekir. Dosyalarına aşağıdaki yöntemlerden herhangi biriyle erişebilirsiniz -
Yöntem 1: Tarayıcıda MomentJS Dosyasını Kullanma
Bu yöntemde, resmi web sitesinden MomentJS dosyasına ihtiyacımız olacak ve onu doğrudan tarayıcıda kullanacağız.
Aşama 1
İlk adım olarak, MomentJS'nin resmi web sitesine gidin https://momentjs.comAna sayfayı burada gösterildiği gibi bulacaksınız -
Size mevcut en son MomentJS dosyasını veren bir indirme seçeneğinin olduğunu gözlemleyin. Dosyanın küçültülmüş ve küçültülmemiş olarak mevcut olduğunu unutmayın.
Adım 2
Şimdi dahil et moment.js içinde scriptetiketleyin ve MomentJS ile çalışmaya başlayın. Bunun için aşağıda verilen kodu kullanabilirsiniz -
<script type = "text/JavaScript" src = " https://MomentJS.com/downloads/moment.js"></script>Burada verilen bir çalışma örneği ve daha iyi bir anlayış için çıktısı -
Misal
<html>
<head>
<title>MomentJS - Working Example</title>
<script type = "text/JavaScript" src = "https://MomentJS.com/downloads/moment.js"></script>
<style>
div {
border: solid 1px #ccc;
padding:10px;
font-family: "Segoe UI",Arial,sans-serif;
width: 50%;
}
</style>
</head>
<body>
<div style = "font-size:25px" id = "todaysdate"></div>
<script type = "text/JavaScript">
var a = moment().toString();
document.getElementById("todaysdate").innerHTML = a;
</script>
</body>
</html>Çıktı
moment-localefarklı yerel ayarlarla çalışmak için dosya da yukarıdaki ekran görüntüsünde gösterildiği gibi mevcuttur. Şimdi, dosyayı aşağıda gösterildiği gibi komut dosyası etiketine ekleyin ve seçtiğiniz farklı yerel ayarlarla çalışın. Bunun için aşağıda verilen kodu kullanabilirsiniz -
<script type="text/JavaScript" src="https://MomentJS.com/downloads/moment-with-locales.js"></script>Burada, an-yerel ayarı için çalışan bir örnek ve daha iyi bir anlayış için çıktısı verilmiştir -
<html>
<head>
<script type = "text/JavaScript" src ="https://MomentJS.com/downloads/moment-with-locales.js"></script>
</head>
<body>
<h1>Moment Locale</h1>
<div id = "datedisplay" style = "font-size:30px;"></div>
<script type = "text/JavaScript">
var a = moment.locale("fr");
var c = moment().format("LLLL");
document.getElementById("datedisplay").innerHTML = c;
</script>
</body>
</html>Çıktı
Yöntem 2: Node.js'yi kullanma
Bu yöntemi tercih ediyorsanız, sahip olduğunuzdan emin olun. Node.js ve npmsisteminize kurulur. MomentJS'yi yüklemek için aşağıdaki komutu kullanabilirsiniz -
npm install momentMomentJS başarıyla kurulduktan sonra aşağıdaki çıktıyı gözlemleyebilirsiniz -
Şimdi, MomentJS'nin Node.js ile düzgün çalışıp çalışmadığını test etmek için test.js dosyasını oluşturun ve buna aşağıdaki kodu ekleyin -
var moment = require('moment');
var a = moment().toString();
console.log(a);Şimdi, komut isteminde, aşağıda verilen ekran görüntüsünde gösterildiği gibi komut node test.js komutunu çalıştırın -
Bu komutun çıktıyı görüntülediğini unutmayın. moment().toString().
Yöntem 3: Bower'ı Kullanma
Bower, MomentJS için gerekli dosyaları almanın başka bir yöntemidir. MomentJS'yi Bower kullanarak yüklemek için aşağıdaki komutu kullanabilirsiniz -
bower install --save momentAşağıda verilen ekran görüntüsü, MomentJS'nin Bower kullanılarak kurulumunu göstermektedir -
Bunlar, MomentJS için Bower'dan yüklenen dosyalardır. Yüklü an ve yerel ayar dosyaları aşağıda verilen resimde gösterilmektedir -
