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: