MomentJS - 环境设置

在本章中,您将详细了解如何在本地计算机上设置MomentJS的工作环境.在开始使用MomentJS之前,您需要具有对库的访问权限.您可以使用以下任何方法访问其文件 :

方法1:在浏览器中使用MomentJS文件

在此方法中,我们将继续从官方网站上需要MomentJS文件,并直接在浏览器中使用.

第1步

作为第一步,请访问官方网站MomentJS的网站 https://momentjs.com 您将找到如下所示的主页 :

设置

观察到有一个下载选项可以为您提供最新的MomentJS文件.请注意,该文件可以使用和不使用缩小.

步骤2

现在,在内添加 moment.js 脚本标记并开始使用MomentJS.为此,您可以使用下面给出的代码 :

 
< 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>

输出


方法2:使用Node.js

如果您选择使用此方法,请确保 Node.js npm 安装在您的系统上.您可以使用以下命令安装MomentJS :

 
 npm install moment

MomentJS成功安装后可以观察到以下输出 :

NodeJs

现在,要测试MomentJS是否与Node.js一起正常工作,请创建文件test.js并将以下代码添加到 :

 
 var moment = require('moment'); 
 var a = moment().toString(); 
 console.log(a);

现在,在命令提示符下,运行命令node test.js,如下面给出的屏幕截图所示 :

NodeJS Test

请注意,此命令显示时刻()的输出.toString().

方法3:使用Bower

Bower是另一种获取MomentJS所需文件的方法.您可以使用以下命令使用Bower安装MomentJS;

 
 bower install --save moment

下面给出的屏幕截图显示了使用Bower安装MomentJS;

使用Bower

这些是从Bower for MomentJS加载安装的文件.已安装的时刻和区域设置文件显示在下面给出的图像中 :

Bower MomentJS