Trabalhando com data no JavaScript \| TreinaWeb Promoção no ar Matricule-se agora e garanta **54% de desconto** Termina em Tempo restante da oferta: 04 Horas 57 Min 24 Seg Tempo restante da oferta: 04 57 24 [Assinar →](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Explorar [ Quanto custa? ](#assinatura) [ FAQ ](https://www.treinaweb.com.br#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login) [ Início ](https://www.treinaweb.com.br) [ Artigos ](https://www.treinaweb.com.br/blog) Trabalhando com data no JavaScript [ Javascript ](https://www.treinaweb.com.br/blog/categoria/javascript) # Trabalhando com data no JavaScript Neste artigo veremos como manipular datas no JavaScript, utilizando a classe Date, como pegar a data atual e utilizar os métodos da classe. [ Ariel Sardinha ](https://www.treinaweb.com.br/blog/autor/ariel-sardinha) 5 anos atrás ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/08/javascript-comandos-do-console.png) O [JavaScript](https://www.treinaweb.com.br/blog/o-que-e-e-como-comecar-com-javascript/) possui a classe chamada `Date` que nos permite trabalhar com data e hora. Podemos manipular datas acessando diretamente pelos atributos da classe ou pelos métodos disponibilizados pela própria classe. Para instanciar uma nova data basta executar o código abaixo onde o resultado vai conter a data completa com o dia, mês, ano e hora, no padrão americano. ```js const hoje = new Date() console.log(date) ``` O resultado será: `Thu Feb 17 2022 18:11:57 GMT-0300 (Horário Padrão de Brasília)`. ## Como alterar o dia, mês, ano e hora da data no JavaScript ? Podemos alterar o valor da data passando diretamente para o parâmetro do construtor ao instanciar uma nova data como demonstrado nos exemplos abaixo. ```js const aniversario = new Date("December 17, 1995 03:24:00"); const aniversario = new Date("1995-12-17T03:24:00"); const aniversario = new Date(1995, 11, 17); ``` Todos os atributos da classe `Date` podem ser alterados passando os dados da data diretamente no parâmetro da classe como mostrado no exemplo a seguir ```js const [ano, mes, dia, hora, minuto, segundo, milissegundo] = [1995,11,17,3,24,0,15] const aniversario = new Date(ano, mes, dia, hora, minuto, segundo, milissegundo); console.log(aniversario) ``` o resultado será: `Mon Dec 18 1995 00:00:15 GMT-0200 (Horário de Verão de Brasília)` [ ![JavaScript - Fundamentos](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg) Curso JavaScript - Fundamentos Conhecer o curso ](https://www.treinaweb.com.br/curso/javascript-fundamentos) ## Métodos para manipular data no JavaScript Como o `Date` é uma classe, a mesma possui métodos para nos auxiliar na manipulação de datas. Nos exemplos abaixo veremos quais são esses métodos. Para pegar os quatro dígitos do ano podemos utilizar o método `getFullYear()`, como demonstrado a seguir é bem simples e você tera algo como `2022` ao usar. ```js const hoje = new Date() hoje.getFullYear() ``` Podemos pegar de forma simples o mês atual utilizando o método `getMonth()`. ```js const hoje = new Date() hoje.getMonth() ``` Caso queira pegar a hora atual podemos usar o método `getHours()` como demostrado no exemplo a seguir. ```js const hoje = new Date() hoje.getHours() ``` [ ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/10/E-BOOK-GRATUITO-COMECANDO-JS.png) ](https://www.treinaweb.com.br/ebook/guia-javascript) ## Métodos comuns para manipulação de data utilizando JavaScript Abaixo veremos os métodos mais utilizados para manipular datas com JavaScript ```js const hoje = new Date() hoje.getDate() // O dia do mês hoje.getDay() // O valor inteiro do dia da semana hoje.getFullYear() // O ano com quatro dígitos hoje.getHours() // A hora do dia hoje.getMilliseconds() // O número de milissegundos desde o ultimo segundo hoje.getMinutes() // O número de minutos desde a última hora hoje.getMonth() // o mês do ano hoje.getTime() // O número de milissegundos desde a meia noite de 1° de janeiro de 1970 hoje.TolocaleString() // A data e hora local em formato de string ``` ## Dica extra de como trabalhar com datas utilizando JavaScript Na variável `dia` utilizamos o `getDate()`, porém em casos onde o número do dia é menor que `10`, podemos adicionamos um `0` a esquerda utilizando o método `padStart()` como demonstrado no exemplo abaixo. ```js const hoje = new Date() const dia = hoje.getDate().toString().padStart(2,'0') const mes = String(hoje.getMonth() + 1).padStart(2,'0') const ano = hoje.getFullYear() const dataAtual = `${dia} / ${mes} / ${ano}` ``` O resultado será: `17 / 02 / 2022`. Dessa forma vamos fazer com que nossa data tenha no mínimo dois caracteres, adicionando um zero no início da String para ficar algo mais natural. Outro exemplo muito interessante é utilizar o operador unário mais `+`, que tenta converter o argumento em um número. ```js const [ano, mes, dia, hora, minuto, segundo, milissegundo] = [2022,02,21,09,58,0,35] const data1 = new Date(ano,mes,dia,hora,minuto,segundo,milissegundo) const data2 = new Date(ano,mes,dia,hora,minuto,segundo,milissegundo) console.log(+data1) console.log(+data1 == +data2) ``` O resultado será : `1647867480035` e `true`. ## Conclusão Neste artigo fizemos uma pequena introdução de como manipular datas no JavaScript. Usando a classe `Date` apresentada ao longo desse artigo, você poderá fazer eventos muito mais complexos. Saiba mais sobre o funcionamento da classe acessando a [documentação](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Date). Caso queira aprender mais sobre JavaScript e sua infinidade recursos saiba que aqui na [TreinaWeb](https://www.treinaweb.com.br/) nós temos o curso [JavaScript - Fundamentos](https://www.treinaweb.com.br/curso/javascript-fundamentos) que possui **07h13min** de video e um total de **93 exercícios**. Conheça também nossos outros [cursos de JavaScript](https://www.treinaweb.com.br/cursos?q=JavaScript). Veja quais são os tópicos abordados durante o curso de JavaScript - Fundamentos: - Como os computadores funcionam; - O primeiro código no navegador e no Node.js; - Declaração de variáveis e operadores; - Tomadas de decisão e laços de repetição; - Trabalhando com Numbers, Strings, Arrays, Objects e Functions; - Vários exercícios; - Vários desafios de programação direto no navegador; - Projeto prático para fixar o que foi aprendido. - [ #como trabalhar com datas no javascript ](https://www.treinaweb.com.br/blog/tag/como-trabalhar-com-datas-no-javascript) - [ #class Date ](https://www.treinaweb.com.br/blog/tag/class-date) - [ #class new Date ](https://www.treinaweb.com.br/blog/tag/class-new-date) - [ #class Date javascript ](https://www.treinaweb.com.br/blog/tag/class-date-javascript) - [ #data no JavaScript ](https://www.treinaweb.com.br/blog/tag/data-no-javascript) Autor ![Ariel Sardinha](//secure.gravatar.com/avatar/d0b89ee09026eb2b9e26f286c04eba03?d=mm) ## Ariel Sardinha Professor e desenvolvedor. Formando em engenharia de software e Computação - Licenciatura. É autor de cursos em diversos temas, como, desenvolvimento front-end, Flutter, JavaScript, React,js e Vue.js. Nas horas vagas adora estudar sobre tecnologia, filmes e brincar com a pequena Maria Eduarda. [arielsardinha](https://www.linkedin.com/in/ariel-sardinha/) [Todos os artigos](https://www.treinaweb.com.br/blog/autor/ariel-sardinha) ## Continue estudando Transforme leitura em prática com os cursos e formações da TreinaWeb. [Ver cursos](https://www.treinaweb.com.br/cursos) Continue lendo ## Artigos relacionados - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/05/NEST-JS-UPLOAD-ARQUIVOS-400x280.png) [ Node ](https://www.treinaweb.com.br/blog/categoria/node-js) 3 anos atrás ## [ Trabalhando com Prisma ORM e NestJS ](https://www.treinaweb.com.br/blog/trabalhando-com-prisma-orm-e-nestjs) Neste artigo vamos aprender os primeiros passos para trabalhar com o Prisma ORM e o NestJS. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/03/29143419/TW-ENTREVISTAS-FELIPE-MOURA-400x280.png) [ Entrevistas ](https://www.treinaweb.com.br/blog/categoria/entrevistas) 9 anos atrás ## [ TW Entrevista 02: Felipe Moura ](https://www.treinaweb.com.br/blog/tw-entrevista-02-felipe-moura) Fizemos uma série de entrevistas com desenvolvedores chamada “TW Entrevista”. O entrevistado de hoje é o Felipe Moura, co-fundador da Nasc e da maior conferência de JavaScript do mundo, a BrazilJS. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/10/01105921/0-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 7 anos atrás ## [ Como crescer no Front-End? ](https://www.treinaweb.com.br/blog/como-crescer-no-front-end) Veja várias dicas para alavancar a sua carreira como Desenvolvedor Front-End Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/12/TS-ZOD-400x280.jpg) [ Javascript ](https://www.treinaweb.com.br/blog/categoria/javascript) 3 anos atrás ## [ O que é o Zod? ](https://www.treinaweb.com.br/blog/o-que-e-o-zod) Neste artigo vamos ter uma introdução sobre o Zod, uma biblioteca de declaração e validação de dados em TypeScript e criar um exemplo de como utilizá-la. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/01/03075049/Inteligência-Artificial-Selecionando-Cores-400x280.png) [ Machine Learning ](https://www.treinaweb.com.br/blog/categoria/machine-learning) 7 anos atrás ## [ Desenvolva uma Inteligência Artificial que reconhece cores diretamente no navegador com TensorFlow.js ](https://www.treinaweb.com.br/blog/desenvolva-uma-inteligencia-artificial-que-reconhece-cores-diretamente-no-navegador-com-tensorflow-js) Aprenda a trabalhar com Machine Learning diretamente no navegador usando o TensorFlow.js Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/07/DICA-CODIGO-JAVA-1-400x280.jpg) [ Java ](https://www.treinaweb.com.br/blog/categoria/java) 3 anos atrás ## [ Dica de Código: Trabalhando com Data e Hora no Java ](https://www.treinaweb.com.br/blog/dica-de-codigo-trabalhando-com-data-e-hora-no-java) Nessa dica de código veremos como podemos trabalhar com data e hora no Java, para isso veremos as classes do pacote java.time. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/05/spring-framework-400x280.png) [ Desenvolvimento Back-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-back-end) 3 anos atrás ## [ Trabalhando com Scheduled Tasks no Spring Boot ](https://www.treinaweb.com.br/blog/trabalhando-com-scheduled-tasks-no-spring-boot) Descubra o poder das Scheduled Tasks no Spring Boot. Aprenda a criar, configurar e aprimorar tarefas agendadas em Java com o Spring Framework. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/05/01125223/react-php-imagem-400x280.png) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 7 anos atrás ## [ Trabalhando com Sockets no ReactPHP ](https://www.treinaweb.com.br/blog/trabalhando-com-sockets-no-reactphp) Veremos neste artigo como usar o componente de socket do ReactPHP para criar um chat pelo terminal. Além disso, veremos as bases para a construção de servidores TCP/IP. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/12/form-html5-400x280.jpg) [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end) 4 anos atrás ## [ Trabalhando com formulários no HTML ](https://www.treinaweb.com.br/blog/trabalhando-com-formularios-no-html) No artigo de hoje, veremos um recurso muito utilizado pelos desenvolvedores front-end e presente no nosso dia a dia, formulários. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/11/12132017/introducao-swoole-400x280.png) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 7 anos atrás ## [ Trabalhando com corrotinas, canais e explorando um pouco mais o scheduler de corrotinas do Swoole ](https://www.treinaweb.com.br/blog/trabalhando-com-corrotinas-canais-e-explorando-um-pouco-mais-o-scheduler-de-corrotinas-do-swoole) Neste artigo trabalharemos com os conceitos fundamentais de corrotinas, canais, defer etc, também exploraremos algumas opções do scheduler como, por exemplo, fazê-lo operar de forma preemptiva. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/03/26181326/CAPA-ELTON-MARÇO-400x280.png) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 8 anos atrás ## [ Como melhorar o retorno das suas APIs no Laravel com API Resource do Eloquent ](https://www.treinaweb.com.br/blog/como-melhorar-o-retorno-das-suas-apis-no-laravel-com-api-resource-do-eloquent) Um dos pontos mais importantes quando estamos trabalhando APIs é o retorno dos dados. Veja como melhorar suas APIs no Laravel usando o API Resouce do Eloquent. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/05/NEST-JS-UPLOAD-ARQUIVOS-400x280.png) [ Node ](https://www.treinaweb.com.br/blog/categoria/node-js) 3 anos atrás ## [ Criando CRUD com Prisma ORM e NestJS ](https://www.treinaweb.com.br/blog/criando-crud-com-prisma-orm-e-nestjs) Neste artigo vamos implementar um CRUD com Prisma ORM e NestJS, abordando as principais operações básicas com o banco de dados. Ler artigo ## Um ano de acesso total para você viver de programação. Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho. - **1 ano** de acesso a **todos os cursos** - Cursos novos **toda semana** - Suporte **direto com professores** - Plano de carreira **personalizado** - **Certificados digitais** inclusos - **Aplicativos** para Android e iOS, com **acesso offline** **Garantia incondicional de satisfação** Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro. ### Acesso completo a todos os cursos e dezenas de Formações. 12 meses Economize R$ 840,00 54% OFF de 12x R$ 129,00 por apenas 12x R$ 59,00 sem juros no cartão de crédito ou R$ 599,00 à vista Oferta termina em **04h 57min 24s** - Acesso imediato e ilimitado durante 1 ano. - Plano de carreira personalizado. - Suporte direto com professores. - E muito mais! [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Escola online de programação, tecnologia e IA. - [ ](https://www.facebook.com/TreinaWeb/) - [ ](https://www.instagram.com/treinaweb/) - [ ](https://www.youtube.com/user/TreinaWeb) - [ ](https://twitter.com/treinaweb) - [ ](https://www.linkedin.com/company/treinaweb) - [ ](https://github.com/treinaweb) ## Inscreva-se em nossa newsletter Receba lançamentos, promoções e novidades. Seu nome Seu WhatsApp Seu melhor e-mail Inscrever-se ## Cursos - [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs) - [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end) - [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end) - [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile) - [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados) - [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing) - [ IA ](https://www.treinaweb.com.br/categoria/ia) - [ E mais ](https://www.treinaweb.com.br/categoria/e-mais) - [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos) ## Conteúdo - [ Formações ](https://www.treinaweb.com.br/formacoes) - [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos) - [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto) - [ Planos ](https://www.treinaweb.com.br#assinatura) - [ Depoimentos ](https://www.treinaweb.com.br#depoimentos) - [ Comunidade ](https://www.treinaweb.com.br#comunidade) - [ Corpo docente ](https://www.treinaweb.com.br#docente) ## A empresa - [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre) - [ Perguntas frequentes ](https://www.treinaweb.com.br#faq) - [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb) - [ Cursos para empresas ](https://www.treinaweb.com.br/empresas) - [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso) - [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco) - [ Artigos ](https://www.treinaweb.com.br/blog) - [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers) - [ Contato ](https://www.treinaweb.com.br/contato) - [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade) - [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso) ## Baixe nosso aplicativo [ Disponível na **App Store** ](https://apps.apple.com/us/app/treinaweb/id1322729447) [ Disponível no **Google Play** ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile) Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200 © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58