MomentJS - Configuração de ambiente

Neste capítulo, você aprenderá em detalhes sobre como configurar o ambiente de trabalho do MomentJS em seu computador local. Antes de começar a trabalhar no MomentJS, você precisa ter acesso à biblioteca. Você pode acessar seus arquivos em qualquer um dos seguintes métodos -

Método 1: usando o arquivo MomentJS no navegador

Neste método, vamos precisar do arquivo MomentJS de seu site oficial e usá-lo diretamente no navegador.

Passo 1

Como primeiro passo, acesse o site oficial do MomentJS https://momentjs.comVocê encontrará a página inicial conforme mostrado aqui -

Observe que há uma opção de download disponível que fornece o arquivo MomentJS mais recente disponível. Observe que o arquivo está disponível com e sem minificação.

Passo 2

Agora, inclua moment.js dentro de scriptmarcar e começar a trabalhar com o MomentJS. Para isso, você pode usar o código fornecido abaixo -

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

Aqui está um exemplo de trabalho e sua saída para uma melhor compreensão -

Exemplo

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

Resultado

o moment-localearquivo para trabalhar com diferentes localidades também está disponível, conforme mostrado na imagem acima. Agora, adicione o arquivo à tag de script conforme mostrado abaixo e trabalhe com diferentes localidades de sua escolha. Para isso, você pode usar o código fornecido abaixo -

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

Aqui está um exemplo de trabalho para o local do momento e sua saída para uma melhor compreensão -

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

Resultado

Método 2: usando Node.js

Se você está optando por este método, certifique-se de ter Node.js e npminstalado em seu sistema. Você pode usar o seguinte comando para instalar o MomentJS -

npm install moment

Você pode observar a seguinte saída quando o MomentJS for instalado com sucesso -

Agora, para testar se MomentJS funciona bem com Node.js, crie o arquivo test.js e adicione o seguinte código a ele -

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

Agora, no prompt de comando, execute o nó de comando test.js conforme mostrado na captura de tela fornecida abaixo -

Observe que este comando exibe a saída para moment().toString().

Método 3: usando o Bower

Bower é outro método para obter os arquivos necessários para o MomentJS. Você pode usar o seguinte comando para instalar o MomentJS usando o Bower -

bower install --save moment

A imagem abaixo mostra a instalação do MomentJS usando Bower -

Estes são os arquivos carregados do Bower para o MomentJS instalar. O momento instalado e os arquivos de local são mostrados na imagem abaixo -