{"id":76,"date":"2023-08-11T17:00:43","date_gmt":"2023-08-11T20:00:43","guid":{"rendered":"https:\/\/urutaudev.com.br\/?p=76"},"modified":"2024-02-03T17:58:10","modified_gmt":"2024-02-03T20:58:10","slug":"converter-unix-para-date-javascript","status":"publish","type":"post","link":"https:\/\/urutaudev.com.br\/index.php\/2023\/08\/11\/converter-unix-para-date-javascript\/","title":{"rendered":"Converter Unix para date Javascript"},"content":{"rendered":"

Neste tutorial mostro como converter Unix Timestamp para string date em Javascript<\/a>.<\/h2>\n
\n

 <\/p>\n

\"Converter
Converter Unix para date Javascript<\/figcaption><\/figure>\n

Introdu\u00e7\u00e3o\u00a0<\/span><\/h2>\n

Neste tutorial veremos como converter\u00a0 o tipo Unix Timestamp para o tipo String Date no\u00a0 Javascript<\/a> . <\/span><\/p>\n

O principal objetivo deste tutorial e demonstrar de uma forma pr\u00e1tica como fa\u00e7o para converter do padr\u00e3o Unix para String Date, <\/span><\/p>\n

Resolvi fazer este tutorial, pois como sempre encontramos dificuldades em trabalhar com o formato de Data tanto no Frontend quanto no Backend .\u00a0<\/span><\/p>\n

 <\/p>\n

 <\/p>\n

Unix Timestamp<\/h2>\n

O Unix timestamp, tamb\u00e9m \u00e9 conhecido como “Epoch time”, nada mais \u00e9 que uma representa\u00e7\u00e3o do tempo em um n\u00famero inteiro, medido em segundos, desde a meia-noite UTC (Coordinated Universal Time) de 1 de janeiro de 1970.<\/span><\/p>\n

Ele \u00e9 um formato comumente adotado por Apis quando queremos padronizar representa\u00e7\u00f5es dos atributos de datas tanto nas respostas quanto nas requisi\u00e7\u00f5es de apis.<\/span><\/p>\n

\u00a0<\/span><\/p>\n

Como fazer a convers\u00e3o<\/h2>\n

Para executar este tutorial resolvi adotar o padr\u00e3o de sa\u00edda da Date String para DD-MM-YYYY HH:MM:SS<\/b><\/code>, logo abaixo mostro a fun\u00e7\u00e3o que <\/span>criei para realizar a convers\u00e3o:<\/span><\/p>\n

 <\/p>\n

\/\/ Converte unix_timestamp em string date \"DD-MM-YYYY HH:MM:SS\"\r\nfunction formatToDateString(unix_timestamp) {\r\n\r\n          const date = new Date(unix_timestamp * 1000);\r\n          \r\n          return (\r\n          [\r\n              padTo2Digits(date.getDate()),\r\n              padTo2Digits(date.getMonth() + 1),\r\n              date.getFullYear(),\r\n          ].join('-') + ' ' +\r\n          [\r\n              padTo2Digits(date.getHours()),\r\n              padTo2Digits(date.getMinutes()),\r\n              padTo2Digits(date.getSeconds()),\r\n          ].join(':')\r\n          );\r\n}\r\n      \r\n\/\/ fun\u00e7\u00e3o usada para adicionar adicionar 0 a frente de n\u00fameros com apenas 1 casa decimal\r\nfunction padTo2Digits(num) {\r\n  return num.toString().padStart(2, '0');\r\n}\t\t\t\r\n<\/code><\/pre>\n
 <\/p>\n
 <\/p>\n
Explicando o c\u00f3digo de Converter Unix para date Javascript<\/h3>\n
 <\/p>\n
    \n
  1. No inicio do c\u00f3digo temos a fun\u00e7\u00e3o formatToDateString(unix_timestamp)<\/b><\/code>, que recebe um valor unix_timestamp<\/b><\/code> como parametro;<\/span><\/li>\n
  2. Dentro da fun\u00e7\u00e3o contem toda a logica para realizarmos a convers\u00e3o;<\/span><\/li>\n
  3. Logo na primeira linha dentro da fun\u00e7\u00e3o estou convertendo o valor passado no par\u00e2metro da fun\u00e7\u00e3o para o tipo Date, veja que estou instanciando o new Date(unix_timestamp * 1000)<\/code>\u00a0passando como par\u00e2metro o valor unix_timestamp<\/code>, multiplicando por 1000;<\/span><\/li>\n
  4. Na linha de retorno crio a logica, onde separo a data por partes, afim de pegar cada item da data como (dia, m\u00eas, ano, hora, etc…), veja que estou utilizando a fun\u00e7\u00e3o padTo2Digits<\/code>.<\/span><\/li>\n
  5. A fun\u00e7\u00e3o padTo2Digits<\/code>, serve para formata o numero retornando adicionando um (0) a frente dos retornos com apenas um(1) digito;<\/span><\/li>\n<\/ol>\n
     <\/p>\n
    Explicando a fun\u00e7\u00e3o padTo2Digits(num)<\/b><\/code><\/span><\/h3>\n
     <\/p>\n
    A fun\u00e7\u00e3o<\/span> padTo2Digits(num)<\/b><\/code><\/span>, foi criada apenas no intuito de formatar a sa\u00edda de um valor para que caso o valor contenha apenas (1) digito a fun\u00e7\u00e3o adicione o n\u00famero (0) a frente dese valor.<\/span><\/p>\n
    Est\u00e1 fun\u00e7\u00e3o espera como par\u00e2metro um valor do tipo Number<\/code> e retorna um valor do tipo String<\/code>.<\/span><\/p>\n
     <\/p>\n
    Utilizando a fun\u00e7\u00e3o de Converter Unix para date Javascript<\/h3>\n
     <\/p>\n
    Para realizarmos a convers\u00e3o basta chamar a fun\u00e7\u00e3o formatToDateString(unix_timestamp)<\/b><\/code>, passando o n\u00famero a ser convertido e logo ela retornara o valor convertido como resposta, logo a<\/span>baixo mostro como utilizar a fun\u00e7\u00e3o:<\/span><\/p>\n
     <\/p>\n
    console.log(formatToDateString(1664913450));\r\n\r\n# A sa\u00edda ser\u00e1:\r\n04-10-2022 16:57:30\r\n<\/code><\/span><\/pre>\n
    <\/h3>\n
    Refer\u00eancias:<\/h3>\n