MomentJS - Configuración del entorno

En este capítulo, aprenderá en detalle sobre cómo configurar el entorno de trabajo de MomentJS en su computadora local. Antes de comenzar a trabajar en MomentJS, debe tener acceso a la biblioteca. Puede acceder a sus archivos en cualquiera de los siguientes métodos:

Método 1: uso del archivo MomentJS en el navegador

En este método, necesitaremos el archivo MomentJS de su sitio web oficial y lo usaremos directamente en el navegador.

Paso 1

Como primer paso, vaya al sitio web oficial de MomentJS https://momentjs.comEncontrará la página de inicio como se muestra aquí:

Observe que hay una opción de descarga disponible que le brinda el último archivo MomentJS disponible. Tenga en cuenta que el archivo está disponible con y sin minificación.

Paso 2

Ahora, incluye moment.js dentro de scriptetiqueta y comience a trabajar con MomentJS. Para ello, puede utilizar el código que se proporciona a continuación:

<script type = "text/JavaScript" src = " https://MomentJS.com/downloads/moment.js"></script>

A continuación se muestra un ejemplo práctico y su salida para una mejor comprensión:

Ejemplo

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

Salida

los moment-localeEl archivo para trabajar con diferentes configuraciones regionales también está disponible como se muestra en la captura de pantalla anterior. Ahora, agregue el archivo a la etiqueta de secuencia de comandos como se muestra a continuación y trabaje con diferentes configuraciones regionales de su elección. Para ello, puede utilizar el código que se proporciona a continuación:

<script type="text/JavaScript" src="https://MomentJS.com/downloads/moment-with-locales.js"></script>

A continuación, se muestra un ejemplo práctico de moment-locale y su salida para una mejor comprensión:

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

Salida

Método 2: usar Node.js

Si opta por este método, asegúrese de tener Node.js y npminstalado en su sistema. Puede usar el siguiente comando para instalar MomentJS:

npm install moment

Puede observar el siguiente resultado una vez que MomentJS se haya instalado correctamente:

Ahora, para probar si MomentJS funciona bien con Node.js, cree el archivo test.js y agréguele el siguiente código:

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

Ahora, en el símbolo del sistema, ejecute el comando node test.js como se muestra en la captura de pantalla que se muestra a continuación:

Tenga en cuenta que este comando muestra el resultado de moment().toString().

Método 3: usar Bower

Bower es otro método para obtener los archivos necesarios para MomentJS. Puede usar el siguiente comando para instalar MomentJS usando Bower -

bower install --save moment

La captura de pantalla que se muestra a continuación muestra la instalación de MomentJS usando Bower -

Estos son los archivos cargados desde Bower para que MomentJS los instale. Los archivos de momento y configuración regional instalados se muestran en la imagen que se muestra a continuación: