MomentJS - पर्यावरण सेटअप
इस अध्याय में, आप अपने स्थानीय कंप्यूटर पर मोमेंटजेएस के काम के माहौल को स्थापित करने के बारे में विस्तार से जानेंगे। इससे पहले कि आप मोमेंटजेएस पर काम करना शुरू करें, आपको लाइब्रेरी तक पहुंचने की आवश्यकता है। आप निम्न में से किसी भी तरीके से इसकी फ़ाइलों तक पहुँच सकते हैं -
विधि 1: ब्राउज़र में मोमेंटजे फ़ाइल का उपयोग करना
इस विधि में, हमें इसकी आधिकारिक वेबसाइट से मोमेंटजेएस फाइल की आवश्यकता होगी और इसे सीधे ब्राउज़र में उपयोग करेंगे।
चरण 1
पहले कदम के रूप में, मोमेंटजेएस की आधिकारिक वेबसाइट पर जाएं https://momentjs.comआपको होम पेज मिलेगा जैसा कि यहाँ दिखाया गया है -
ध्यान रखें कि एक डाउनलोड विकल्प उपलब्ध है जो आपको नवीनतम मोमेंटजेएस फाइल उपलब्ध कराता है। ध्यान दें कि फ़ाइल मिनिमाइज़ेशन के साथ और उसके बिना उपलब्ध है।
चरण 2
अब, शामिल करें moment.js के अंदर scriptटैग करें और मोमेंटजेएस के साथ काम करना शुरू करें। इसके लिए आप नीचे दिए गए कोड का उपयोग कर सकते हैं -
<script type = "text/JavaScript" src = " https://MomentJS.com/downloads/moment.js"></script>एक बेहतर समझ के लिए यहां दिया गया कार्य उदाहरण और इसका आउटपुट है -
उदाहरण
<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>उत्पादन
moment-localeविभिन्न स्थानों के साथ काम करने के लिए फ़ाइल भी उपलब्ध है जैसा कि ऊपर स्क्रीनशॉट में दिखाया गया है। अब, स्क्रिप्ट को नीचे दिखाए गए अनुसार स्क्रिप्ट टैग में जोड़ें और अपनी पसंद के विभिन्न स्थानों के साथ काम करें। इसके लिए आप नीचे दिए गए कोड का उपयोग कर सकते हैं -
<script type="text/JavaScript" src="https://MomentJS.com/downloads/moment-with-locales.js"></script>यहाँ दिया गया है, एक बेहतर समझ के लिए क्षण-स्थान और इसके उत्पादन के लिए एक कार्यशील उदाहरण है -
<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>उत्पादन
विधि 2: Node.js का उपयोग करना
यदि आप इस विधि के लिए चयन कर रहे हैं, तो सुनिश्चित करें कि आपके पास है Node.js तथा npmआपके सिस्टम पर स्थापित है। MomentJS को स्थापित करने के लिए आप निम्न कमांड का उपयोग कर सकते हैं -
npm install momentमोमेंटजे सफलतापूर्वक स्थापित होने के बाद आप निम्न आउटपुट देख सकते हैं -
अब, परीक्षण करने के लिए कि MomentJS Node.js के साथ ठीक काम करता है, फ़ाइल test.js बनाएं और निम्नलिखित कोड जोड़ें: -
var moment = require('moment');
var a = moment().toString();
console.log(a);अब कमांड प्रॉम्प्ट में कमांड नोड टेस्ट चलाएं। जेएस को नीचे दिए गए स्क्रीनशॉट में दिखाया गया है -
ध्यान दें कि यह कमांड आउटपुट को प्रदर्शित करता है moment().toString()।
विधि 3: बोवर का उपयोग करना
मोमेंटजेएस के लिए आवश्यक फाइलें प्राप्त करने के लिए बोवर एक और विधि है। आप निम्न आदेश का उपयोग कर सकते हैं, बोवेंट का उपयोग करके मोमेंटजेएस स्थापित करने के लिए -
bower install --save momentनीचे दिया गया स्क्रीनशॉट बोवर का उपयोग कर मोमेंटजेएस की स्थापना को दर्शाता है -
ये मोमेंटेज के लिए बोवर से लोड की गई फाइलें हैं। नीचे दिए गए चित्र में संस्थापित पल और लोकेल फाइलें दिखाई गई हैं -
