Como fazer comparação de hora com javascript

Por que eu devo ler este artigo:Data/hora fazem parte da nossa rotina e naturalmente est�o presentes nos c�digos que escrevemos. Por essa raz�o, � imprescind�vel para o programador saber lidar com esses elementos, sendo dominar o objeto Date o primeiro passo para isso em JavaScript.

JavaScript permite trabalhar com data/hora nativamente atrav�s do objeto Date.

JavaScript Date na pr�tica

var hoje = Date.now(); var nascimento = new Date('1989-03-19 00:00:00'); var independencia = new Date('September 7, 1822 00:00:00'); var umDia = 1000*60*60*24; var diasDesdeIndependencia = (hoje - independencia) / umDia; var umAno = 1000*60*60*24*365; var anosDesdeIndependencia = (hoje - independencia) / umAno

Como funciona o objeto Date

Date armazena a quantidade de milissegundos desde o in�cio do Unix Epoch (1 de janeiro de 1970 00:00:00 UTC). Por essa raz�o � poss�vel criar e apresentar data/hora em formato num�rico em JavaScript usando um inteiro longo para represent�-las. As diversas formas poss�veis de se escrever uma data/hora s�o normatizadas pela RFC 2822 e ISO 8601.

Sintaxe

Existem muitas formas de se instanciar Date:

• Par�metro

  Nenhum.

• Par�metro

  milissegundos � um valor inteiro que representa a soma dos milissegundos desde 1 de janeiro, 1970, 00:00:00 UTC.

• Par�metro

  data � um texto representando uma data no formato espec�fico, conhecido como Timestamp. Para saber as formas poss�veis consulte o documento IETF-compliant RFC 2822 timestamps. O formato mais usado � YYYY-MM-DDTHH:mm:ss:sssZ.

• new Date(ano, m�s [, dia [, hora [, minutos [, segundos [, milissegundos]]]]]);

  Par�metro

  • ano

    � um valor inteiro que representa um ano. Note que 0 corresponde a 1900 e 99 a 1999.

  • m�s

    � um valor inteiro que representa o m�s. 0 corresponde a janeiro e 11 a dezembro.
  • (opcional)

    dia

    � um valor inteiro que representa um dia. O valor padr�o � 1.
  • (opcional)

    hora

    � um valor inteiro que representa uma hora do dia. O valor padr�o � 0 (meia noite).
  • (opcional)

    minutos

    � um valor inteiro que representa o minuto. O valor padr�o � 0.
  • (opcional)

    segundos

    � um valor inteiro que representa um segundo. O valor padr�o � 0.
  • (opcional)

    milissegundos

    � um valor inteiro que representa um milissegundo. O valor padr�o � 0.

Dica

Caso o seu c�digo dependa muito da cria��o e manipula��o de data/hora considere utilizar a biblioteca moment, que � como grandes aplica��es lidam com os problemas decorrentes desse cen�rio.

Fa�a o download da biblioteca moment aqui.

Exemplos de Date

Exemplo 1

No c�digo abaixo usamos o objeto Date para obter um timestamp:

new Date() > Thu Oct 10 2019 18:39:13 GMT-0300 (Hor�rio Padr�o de Bras�lia)

Quando nenhum par�metro for fornecido para o construtor de Date, o resultado ser� um objeto representando a data/hora atual no fuso hor�rio local.

Tamb�m podemos utilizar a seguinte forma para obter a data/hora atual:

Date.now() > 1570743994427

Nesse caso, o inteiro retornado pelo m�todo now() corresponde ao timestamp em milissegundos.

Exemplo 2

Para obter a data atual primeiro criamos uma inst�ncia de Date e ent�o invocamos os seus m�todos.

const data = new Date(); data.getDate(); > 10 data.getFullYear(); > 2019

A contagem dos dias se inicia em 0.

Tr�s m�todos de Date podem n�o ser �bvios. O primeiro deles � getDay(), que n�o retorna o dia do m�s, mas sim o dia da semana.

No caso acima o resultado foi 4, correspondendo a quinta-feira, porque a contagem inicia em 0.

O segundo m�todo � getMonth(), que pode ser visto abaixo e retorna o m�s atual, mas a contagem inicia em 0:

No caso acima o m�s � outubro.

O terceiro m�todo � getYear() que retorna a soma dos anos desde 1900.

No caso acima o resultado foi 119, porque o ano � 2019 (2019 - 1900 � igual a 119).

Exemplo 3

Detectar uma data inv�lida em JavaScript requer duas verifica��es: primeiro constatamos se o objeto � uma inst�ncia de Date e depois se o seu valor n�o � um n�mero.

const data = new Date(�Thu�) data instanceof Date && !isNaN(data) > false

A data � inv�lida porque quando passamos um texto para o construtor da classe Date, se espera que ele esteja num formato espec�fico, o que n�o � o caso. Na linha seguinte fazemos as duas verifica��es citadas anteriormente e, dado que a data � inv�lida, o resultado � false.

Exemplo 4

Podemos usar as fun��es setter de Date para manipular a data criada quando a classe foi instanciada. No exemplo a seguir adicionamos tr�s dias a uma data qualquer:

const data = new Date() data.setDate(data.getDate() + 3) data.getDate() > 13

No caso acima o dia inicial era 10 e ap�s a soma se tornou 13. Caso a data fosse 31/8, ap�s somar um dia ela se tornaria 1/9.

Exemplo 5

Comparar duas datas � muito simples, basta usar o operador de compara��o estrita (===) e o m�todo getTime(), que retorna o n�mero de milissegundos desde 1900:

const data1 = new Date(2019, 0, 1) const data2 = new Date(2019, 0, 1) data1.getTime() === data2.getTime() > true

Nesse caso as datas s�o iguais.

O motivo de n�o usarmos express�es como data1 == data2 ou data1 === data2 � devido ao fato de a compara��o de objetos levar em conta o endere�o de mem�ria onde eles est�o armazenados e n�o os valores das suas propriedades.

Exemplo 6

Calcular a diferen�a entre duas datas pode ser feito de diferentes formas. Em dias, o c�digo poderia ser esse:

const data1 = new Date(2019, 0, 1) const data2 = new Date(2019, 0, 2) const umDia = 1000*60*60*24 (data2 - data1) / umDia > 1

As datas s�o 1 e 2 de janeiro e a diferen�a entre elas � 1.

Para calcular em horas poder�amos fazer dessa forma:

const data1 = new Date(2019, 0, 1) const data2 = new Date(2019, 0, 2) const umaHora = 1000*60*60 (data2 - data1) / umHora > 24

Podemos subtrair duas datas, porque em opera��es matem�ticas inst�ncias de Date ser�o convertidas em inteiros, dada a invoca��o do m�todo valueOf(), que nesse caso � equivalente a getTime().

Exemplo 7

Caso a data/hora esteja escrita com uma m�scara, algo muito comum na programa��o web, podemos obter a quantidade de milissegundos dessa representa��o para atribuir esse n�mero ao construtor de Date, criando assim um objeto v�lido.

var milissegundos = Date.parse(�2019/01/13�); var data = new Date(milissegundos);

O m�todo parse() converte a representa��o em texto de uma data/hora em milissegundos, retornando um inteiro com esse valor, o qual pode ser usado em um dos construtores de Date. Isso ser� necess�rio principalmente porque o formato de data/hora que estamos acostumados a usar no Brasil n�o � compat�vel com aquele recebido no construtor de Date.

Compatibilidade entre navegadores

O objeto Date � suportado por todos os browsers indicados na Tabela 1.

Tabela 1. Browsers que suportam Date

Mais sobre JavaScript

Confira tamb�m