{"id":8908,"date":"2020-01-09T15:39:11","date_gmt":"2020-01-09T18:39:11","guid":{"rendered":"https:\/\/geekblogti.wpengine.com\/?p=8908"},"modified":"2024-09-24T18:28:50","modified_gmt":"2024-09-24T21:28:50","slug":"momentjs","status":"publish","type":"post","link":"https:\/\/www.geekhunter.com/pt/blog\/momentjs\/","title":{"rendered":"Como trabalhar com datas JavaScript usando MomentJS?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Como otimizar o desenvolvimento de seus projetos com datas no JavaScript? Usando MomentJS, claro! <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Neste artigo, vou te mostrar o porqu\u00ea do MomentJS, o plugin do momento, salvar muitos programadores! \ud83d\ude09 <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">O que \u00e9 MomentJS?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">O  MomentJS  \u00e9 uma biblioteca JavaScript muito poderosa, que fornece todo tipo de m\u00e9todos e fun\u00e7\u00f5es j\u00e1 prontinhas para lidar com o tempo em si. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Seja ele disposto de qualquer e toda forma poss\u00edvel, podendo ser usada a qualquer MOMENT. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Resumindo: pro MomentJS  n\u00e3o tem tempo ruim! <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Chegou o momento de falar de MomentJS que, brincadeiras \u00e0 parte, s\u00f3 pelo nome j\u00e1 nos diz muita coisa sobre como ele funciona e o que, de fato, nos fornece de verdade.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Contextualiza\u00e7\u00e3o do MomentJS e o porqu\u00ea de sua exist\u00eancia <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">T\u00e1, agora pra contextualizar e justificar a exist\u00eancia desse plugin, vou ter que falar um pouco sobre <a href=\"https:\/\/geekblogti.wpengine.com\/linguagem-javascript-um-guia-para-iniciantes\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"JavaScript (abre numa nova aba)\">JavaScript<\/a>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Desde os prim\u00f3rdios a linguagem sempre foi defasada no quesito data \/ tempo por ter suas diversas peculiaridades que levando para uma coisa t\u00e3o global como o tempo, vinha por gerar seus problemas de compatibilidade e diverg\u00eancia. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Na pr\u00e1tica!<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Um exemplo bem comum \u00e9 o <a rel=\"noreferrer noopener\" aria-label=\"JavaScript  (abre numa nova aba)\" href=\"https:\/\/geekblogti.wpengine.com\/introducao-ao-javascript-numeros-e-objetos\/\" target=\"_blank\">JavaScript <\/a>ser a \u00fanica linguagem que implementa o m\u00eas a partir de 0 ao inv\u00e9s de 1.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ou melhor dizendo, se voc\u00ea apertar F12 neste exato momento, assumindo que estamos em Janeiro, e ir na aba Console e colar este c\u00f3digo, que serve pra pegar o m\u00eas atual que estamos: <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>new Date().getMonth()<\/code> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voc\u00ea ver\u00e1 o n\u00famero zero sendo impresso no console, ao inv\u00e9s de 1, como seria o mais esperado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">J\u00e1 que estamos no primeiro m\u00eas do ano, mais conhecido como m\u00eas um, certo? <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inicialmente, voc\u00ea pode achar que isso n\u00e3o \u00e9 muita coisa.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Apesar que sim, tem como gerar v\u00e1rios problemas em rela\u00e7\u00e3o a isso.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eu te digo que, na verdade, n\u00e3o para por a\u00ed. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tem outros problemas com os meios e formas que s\u00e3o disponibilizadas nativamente pela linguagem. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Como fazer opera\u00e7\u00f5es com Data porque, de diversas maneiras, acaba por ser bem trabalhoso por n\u00e3o ter muita coisa pr\u00e9-pronta e voc\u00ea acaba ter que reinventar a roda em muitos casos. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O que n\u00e3o \u00e9 nada pr\u00e1tico. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eu acredito que o JavaScript tenha este problema por ter iniciado como uma linguagem apenas <a href=\"https:\/\/geekblogti.wpengine.com\/tudo-sobre-html-para-front-ends\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"front-end (abre numa nova aba)\">front-end<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Convenhamos que <a href=\"https:\/\/geekblogti.wpengine.com\/mercado-front-end-da-origem-ate-o-futuro\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"front-end (abre numa nova aba)\">front-end<\/a> nunca ser\u00e1 um bom lugar para fazer opera\u00e7\u00f5es com tempo e isso \u00e9 uma verdade comum entre todos os bons desenvolvedores (creio eu).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mas como hoje em dia com o <a rel=\"noreferrer noopener\" label=\"Node.js (abre numa nova aba)\" href=\"https:\/\/geekblogti.wpengine.com\/por-que-usar-node-js-uma-justificativa-passo-a-passo\/\" target=\"_blank\">Node.js<\/a> ele se tornou <a href=\"https:\/\/geekblogti.wpengine.com\/como-comecar-em-web-back-end-do-zero\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"back-end (abre numa nova aba)\">back-end<\/a> tamb\u00e9m, isso acaba por ser um problema mais grave.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Claro que a solu\u00e7\u00e3o foi justamente a comunidade que solucionou. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Afinal, o JavaScript \u00e9 uma linguagem sempre presente com o apoio muito forte da comunidade de desenvolvedores. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eu tamb\u00e9m indico voc\u00ea procurar novas formas para concluir seu <a rel=\"noreferrer noopener\" href=\"https:\/\/geekblogti.wpengine.com\/projeto-de-software\/\" target=\"_blank\">projeto de software<\/a> sem dor de cabe\u00e7a!  <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Agora vamos para o que mais te interessa: o c\u00f3digo!<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vou usar como exemplo um caso comum. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por exemplo, um aplicativo qualquer que poderia surgir para gerenciar os pontos de entrada e sa\u00edda dos funcion\u00e1rios de uma empresa.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Digamos que neste aplicativo o funcion\u00e1rio tem um bot\u00e3o que, ao clicar, registra o instante em que ele entrou na empresa, como o primeiro ponto de entrada. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Temos o seguinte exemplo de c\u00f3digo:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"750\" height=\"349\" src=\"https:\/\/geekblogti.wpengine.com\/wp-content\/uploads\/2020\/01\/untitled-1-1.png\" alt=\"c\u00f3digo usando o plugin moment\" class=\"wp-image-8909\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/01\/untitled-1-1.png 750w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/01\/untitled-1-1-150x70.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/01\/untitled-1-1-100x47.png 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/01\/untitled-1-1-600x279.png 600w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/01\/untitled-1-1-450x209.png 450w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Agora, usamos a mesma opera\u00e7\u00e3o para salvar o pr\u00f3ximo ponto dele de sa\u00edda para o almo\u00e7o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">E, logo em seguida o de volta do almo\u00e7o. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mas queremos saber quanto tempo de intervalo o funcion\u00e1rio fez, como fazemos?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Temos o seguinte exemplo de c\u00f3digo:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"750\" height=\"410\" src=\"https:\/\/geekblogti.wpengine.com\/wp-content\/uploads\/2020\/01\/c\u00f3digo-de-JavaScript.png\" alt=\"fun\u00e7\u00e3o para calcular os momentos da atividade\" class=\"wp-image-8911\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/01\/c\u00f3digo-de-JavaScript.png 750w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/01\/c\u00f3digo-de-JavaScript-150x82.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/01\/c\u00f3digo-de-JavaScript-100x55.png 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/01\/c\u00f3digo-de-JavaScript-600x328.png 600w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/01\/c\u00f3digo-de-JavaScript-450x246.png 450w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><figcaption>U<em>sei a fun\u00e7\u00e3o .diff pra saber a diferen\u00e7a entre o momento do in\u00edcio e o momento do fim do intervalo em horas e em minut<\/em>os<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Basicamente usei a fun\u00e7\u00e3o <code>.diff<\/code> pra saber a diferen\u00e7a entre o momento do in\u00edcio e o momento do fim do intervalo em horas e em minutos tamb\u00e9m.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Agora, digamos que o funcion\u00e1rio quer saber que horas tem que permanecer no trabalho para totalizar 8 horas naquele dia.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Basicamente utilizei da fun\u00e7\u00e3o <code>.diff <\/code>para pegar a diferen\u00e7a que seria a subtra\u00e7\u00e3o entre as duas datas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se voc\u00ea quiser saber o tempo de intervalo como antes e descobrir o momento que deve sair, deve somar as 8 horas da entrada e adicionar o tempo de intervalo, apenas isso.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Apenas com esse exemplo b\u00e1sico j\u00e1 d\u00e1 pra saber um pouco do quanto ele salva os desenvolvedores e \u00e9 uma m\u00e3o na roda realmente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">B\u00f4nus!<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Outro exemplo legal \u00e9 aquilo que vemos no Facebook.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por exemplo quando fazer um coment\u00e1rio e aparece \u201ch\u00e1 poucos segundos\u201d ou \u201ch\u00e1 dois dias\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Basicamente \u00e9 uma fun\u00e7\u00e3o do MomentJS chamada <code>moment().fromNow()<\/code> que retorna todo o texto informando h\u00e1 quanto tempo foi o acontecimento informado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">E isso acontece j\u00e1 com a localiza\u00e7\u00e3o e o idioma que a pessoa escolheu para usar a rede social.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O mesmo serve pro<code> moment().toNow()<\/code> para saber quanto tempo falta para determinado evento acontecer.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Valeu a pena conhecer? <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se pararmos para pensar, o MomentJS \u00e9 muito \u00fatil e est\u00e1 t\u00e3o inserido no nosso dia a dia que mal percebemos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se quiser conhecer mais, voc\u00ea pode levar a <a rel=\"noreferrer noopener\" aria-label=\"documenta\u00e7\u00e3o completa (abre numa nova aba)\" href=\"https:\/\/momentjs.com\/docs\/\" target=\"_blank\">documenta\u00e7\u00e3o completa<\/a> do MomentJS e o melhor, \u00e9 open source! <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tenho certeza que esse plugin facilitar\u00e1 a sua vida e voc\u00ea vai ser cada vez mais um programador melhor! <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gostou? Deixa seu coment\u00e1rio! Aproveita para dar uma olhada nas nossas <a href=\"http:\/\/bit.ly\/39dqXJp\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"vagas de JavaScript (abre numa nova aba)\">vagas de JavaScript<\/a>! <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">At\u00e9 a pr\u00f3xima \ud83d\ude00 <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Como otimizar o desenvolvimento de seus projetos com datas no JavaScript? Usando MomentJS, claro! Neste artigo, vou te mostrar o porqu\u00ea do MomentJS, o plugin do momento, salvar muitos programadores! \ud83d\ude09 O que \u00e9 MomentJS? O MomentJS \u00e9 uma biblioteca JavaScript muito poderosa, que fornece todo tipo de m\u00e9todos e fun\u00e7\u00f5es j\u00e1 prontinhas para lidar [&hellip;]<\/p>\n","protected":false},"author":167,"featured_media":8910,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[18],"tags":[],"class_list":["post-8908","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimiento-de-software"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.3 (Yoast SEO v28.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>MomentJS: O que \u00e9 e como pode me ajudar? | GeekBlog<\/title>\n<meta name=\"description\" content=\"J\u00e1 ouviu falar de MomentJS? Tenho certeza que voc\u00ea j\u00e1 viu por a\u00ed! Vem descobrir mais sobre como esse pacote vai otimizar seu front-end!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.geekhunter.com\/pt\/blog\/momentjs\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como trabalhar com datas JavaScript usando MomentJS?\" \/>\n<meta property=\"og:description\" content=\"Como otimizar o desenvolvimento de seus projetos com datas no JavaScript? Usando MomentJS, claro! Neste artigo, vou te mostrar o porqu\u00ea do MomentJS, o\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.geekhunter.com\/pt\/blog\/momentjs\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Geekhunter\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/geekhunterbr\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-09T18:39:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-24T21:28:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/01\/MomentJS.png\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Geekhunter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@geekhunterbr\" \/>\n<meta name=\"twitter:site\" content=\"@geekhunterbr\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Geekhunter\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/momentjs\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/momentjs\\\/\"},\"author\":{\"name\":\"Geekhunter\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/person\\\/9f62b173345139f7bbdaf55312c3d400\"},\"headline\":\"Como trabalhar com datas JavaScript usando MomentJS?\",\"datePublished\":\"2020-01-09T18:39:11+00:00\",\"dateModified\":\"2024-09-24T21:28:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/momentjs\\\/\"},\"wordCount\":928,\"publisher\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/momentjs\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/MomentJS.png\",\"articleSection\":[\"Desenvolvimiento de software\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/momentjs\\\/\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/momentjs\\\/\",\"name\":\"MomentJS: O que \u00e9 e como pode me ajudar? | GeekBlog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/momentjs\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/momentjs\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/MomentJS.png\",\"datePublished\":\"2020-01-09T18:39:11+00:00\",\"dateModified\":\"2024-09-24T21:28:50+00:00\",\"description\":\"J\u00e1 ouviu falar de MomentJS? Tenho certeza que voc\u00ea j\u00e1 viu por a\u00ed! Vem descobrir mais sobre como esse pacote vai otimizar seu front-end!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/momentjs\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/momentjs\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/momentjs\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/MomentJS.png\",\"contentUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/MomentJS.png\",\"width\":750,\"height\":410,\"caption\":\"MomentJS para data JavaScript\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/momentjs\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mundo TI\",\"item\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/category\\\/mundo-ti\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Desenvolvimiento de software\",\"item\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/category\\\/mundo-ti\\\/desenvolvimiento-de-software\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Como trabalhar com datas JavaScript usando MomentJS?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/\",\"name\":\"Blog de TI\",\"description\":\"Dicas para o RH e profissionais da \u00e1rea TI\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#organization\",\"name\":\"GeekHunter\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/icon-1.png\",\"contentUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/icon-1.png\",\"width\":300,\"height\":300,\"caption\":\"GeekHunter\"},\"image\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/geekhunterbr\\\/\",\"https:\\\/\\\/x.com\\\/geekhunterbr\",\"https:\\\/\\\/www.instagram.com\\\/geekhunterbr\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/geekhunter-brasil\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@GeekHunterOfficial\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/person\\\/9f62b173345139f7bbdaf55312c3d400\",\"name\":\"Geekhunter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g\",\"caption\":\"Geekhunter\"},\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/author\\\/matias\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"MomentJS: O que \u00e9 e como pode me ajudar? | GeekBlog","description":"J\u00e1 ouviu falar de MomentJS? Tenho certeza que voc\u00ea j\u00e1 viu por a\u00ed! Vem descobrir mais sobre como esse pacote vai otimizar seu front-end!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.geekhunter.com\/pt\/blog\/momentjs\/","og_locale":"pt_BR","og_type":"article","og_title":"Como trabalhar com datas JavaScript usando MomentJS?","og_description":"Como otimizar o desenvolvimento de seus projetos com datas no JavaScript? Usando MomentJS, claro! Neste artigo, vou te mostrar o porqu\u00ea do MomentJS, o","og_url":"https:\/\/www.geekhunter.com\/pt\/blog\/momentjs\/","og_site_name":"Blog Geekhunter","article_publisher":"https:\/\/www.facebook.com\/geekhunterbr\/","article_published_time":"2020-01-09T18:39:11+00:00","article_modified_time":"2024-09-24T21:28:50+00:00","og_image":[{"width":750,"height":410,"url":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/01\/MomentJS.png","type":"image\/png"}],"author":"Geekhunter","twitter_card":"summary_large_image","twitter_creator":"@geekhunterbr","twitter_site":"@geekhunterbr","twitter_misc":{"Escrito por":"Geekhunter","Est. tempo de leitura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/momentjs\/#article","isPartOf":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/momentjs\/"},"author":{"name":"Geekhunter","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/person\/9f62b173345139f7bbdaf55312c3d400"},"headline":"Como trabalhar com datas JavaScript usando MomentJS?","datePublished":"2020-01-09T18:39:11+00:00","dateModified":"2024-09-24T21:28:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/momentjs\/"},"wordCount":928,"publisher":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#organization"},"image":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/momentjs\/#primaryimage"},"thumbnailUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/01\/MomentJS.png","articleSection":["Desenvolvimiento de software"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/momentjs\/","url":"https:\/\/www.geekhunter.com\/pt\/blog\/momentjs\/","name":"MomentJS: O que \u00e9 e como pode me ajudar? | GeekBlog","isPartOf":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/momentjs\/#primaryimage"},"image":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/momentjs\/#primaryimage"},"thumbnailUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/01\/MomentJS.png","datePublished":"2020-01-09T18:39:11+00:00","dateModified":"2024-09-24T21:28:50+00:00","description":"J\u00e1 ouviu falar de MomentJS? Tenho certeza que voc\u00ea j\u00e1 viu por a\u00ed! Vem descobrir mais sobre como esse pacote vai otimizar seu front-end!","breadcrumb":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/momentjs\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.geekhunter.com/pt/blog\/momentjs\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/momentjs\/#primaryimage","url":"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2020\/01\/MomentJS.png","contentUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/01\/MomentJS.png","width":750,"height":410,"caption":"MomentJS para data JavaScript"},{"@type":"BreadcrumbList","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/momentjs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.geekhunter.com/pt/blog\/"},{"@type":"ListItem","position":2,"name":"Mundo TI","item":"https:\/\/www.geekhunter.com/pt/blog\/category\/mundo-ti\/"},{"@type":"ListItem","position":3,"name":"Desenvolvimiento de software","item":"https:\/\/www.geekhunter.com/pt/blog\/category\/mundo-ti\/desenvolvimiento-de-software\/"},{"@type":"ListItem","position":4,"name":"Como trabalhar com datas JavaScript usando MomentJS?"}]},{"@type":"WebSite","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#website","url":"https:\/\/www.geekhunter.com\/pt\/blog\/","name":"Blog de TI","description":"Dicas para o RH e profissionais da \u00e1rea TI","publisher":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.geekhunter.com/pt/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#organization","name":"GeekHunter","url":"https:\/\/www.geekhunter.com\/pt\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2024\/10\/icon-1.png","contentUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2024\/10\/icon-1.png","width":300,"height":300,"caption":"GeekHunter"},"image":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/geekhunterbr\/","https:\/\/x.com\/geekhunterbr","https:\/\/www.instagram.com\/geekhunterbr\/","https:\/\/www.linkedin.com\/company\/geekhunter-brasil\/","https:\/\/www.youtube.com\/@GeekHunterOfficial"]},{"@type":"Person","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/person\/9f62b173345139f7bbdaf55312c3d400","name":"Geekhunter","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g","caption":"Geekhunter"},"url":"https:\/\/www.geekhunter.com\/pt\/blog\/author\/matias\/"}]}},"_links":{"self":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/posts\/8908","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/users\/167"}],"replies":[{"embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/comments?post=8908"}],"version-history":[{"count":0,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/posts\/8908\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/media\/8910"}],"wp:attachment":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/media?parent=8908"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/categories?post=8908"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/tags?post=8908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}