MomentJS - Umgebungs-Setup
In diesem Kapitel erfahren Sie ausführlich, wie Sie die Arbeitsumgebung von MomentJS auf Ihrem lokalen Computer einrichten. Bevor Sie mit der Arbeit an MomentJS beginnen, müssen Sie Zugriff auf die Bibliothek haben. Sie können mit einer der folgenden Methoden auf die Dateien zugreifen:
Methode 1: Verwenden der MomentJS-Datei im Browser
Bei dieser Methode benötigen wir die MomentJS-Datei von der offiziellen Website und verwenden sie direkt im Browser.
Schritt 1
Besuchen Sie als ersten Schritt die offizielle Website von MomentJS https://momentjs.comSie finden die Homepage wie hier gezeigt -
Beachten Sie, dass eine Download-Option verfügbar ist, mit der Sie die neueste verfügbare MomentJS-Datei erhalten. Beachten Sie, dass die Datei mit und ohne Minimierung verfügbar ist.
Schritt 2
Schließen Sie jetzt ein moment.js in der scripttaggen und mit MomentJS arbeiten. Hierfür können Sie den unten angegebenen Code verwenden -
<script type = "text/JavaScript" src = " https://MomentJS.com/downloads/moment.js"></script>Hier ist ein Arbeitsbeispiel und seine Ausgabe zum besseren Verständnis angegeben -
Beispiel
<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>Ausgabe
Das moment-localeEine Datei für die Arbeit mit verschiedenen Gebietsschemas ist ebenfalls verfügbar (siehe Abbildung oben). Fügen Sie nun die Datei wie unten gezeigt zum Skript-Tag hinzu und arbeiten Sie mit verschiedenen Gebietsschemas Ihrer Wahl. Hierfür können Sie den unten angegebenen Code verwenden -
<script type="text/JavaScript" src="https://MomentJS.com/downloads/moment-with-locales.js"></script>Hier finden Sie ein Arbeitsbeispiel für das Moment-Gebietsschema und dessen Ausgabe zum besseren Verständnis -
<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>Ausgabe
Methode 2: Verwenden von Node.js.
Wenn Sie sich für diese Methode entscheiden, stellen Sie sicher, dass Sie haben Node.js und npmauf Ihrem System installiert. Mit dem folgenden Befehl können Sie MomentJS installieren:
npm install momentSie können die folgende Ausgabe beobachten, sobald MomentJS erfolgreich installiert wurde -
Um zu testen, ob MomentJS mit Node.js einwandfrei funktioniert, erstellen Sie die Datei test.js und fügen Sie den folgenden Code hinzu:
var moment = require('moment');
var a = moment().toString();
console.log(a);Führen Sie nun an der Eingabeaufforderung den Befehlsknoten test.js aus, wie im folgenden Screenshot gezeigt -
Beachten Sie, dass dieser Befehl die Ausgabe für anzeigt moment().toString().
Methode 3: Verwenden von Bower
Bower ist eine weitere Methode, um die erforderlichen Dateien für MomentJS abzurufen. Mit dem folgenden Befehl können Sie MomentJS mit Bower installieren:
bower install --save momentDer folgende Screenshot zeigt die Installation von MomentJS mit Bower -
Dies sind die Dateien, die von Bower geladen werden, damit MomentJS installiert werden kann. Die installierten Moment- und Gebietsschemadateien werden in der folgenden Abbildung angezeigt.
