Data (Date) do JavaScript

Data e hora do JavaScript

O objeto de data do JavaScript nos permite manipular datas.

No JavaScript, você pode criar um site com um calendário, horário de trens ou interface para agendar encontros.

Esses aplicativos precisam exibir o tempo correspondente com base no fuso horário atual do usuário.

Terça-feira Ago 11 2020 22:34:40 GMT+0800 (Horário de Pico da China)

Objeto de data

Objeto DateÉ um objeto integrado do JavaScript para armazenar data e hora.

Ele fornece muitos métodos integrados para formatar e gerenciar dados.

O objeto Date é criado usando o construtor new Date().

let now = new Date();//　Definir variável como data e hora atual

Por padrão, o JavaScript usa o fuso horário do navegador e exibe a data como uma string de caractere completa.

Criar objeto de data

Existem quatro métodos para criar novos objetos de data.

Você pode usar qualquer uma das seguintes sintaxes para criar objetos Date com o construtor new Date().

　　new Date();
　　new Date(milliseconds);
　　new Date(dateString);
　　new Date(year, month, day, hours, minutes, seconds, milliseconds);

new Date()

No new Date() cria um novo objeto de data e hora atual:

let d = new Date();

new Date(milissegundos)

new Date(milissegundos) criará um novo objeto Date com milissegundos adicionados ao tempo zero:

let d = new Date(0);

JavaScript entende a data com base no timestamp do Unix, que é1970 anos1Mês1milissegundos transcorridos desde meia-noite do dia.

1970 anos1Mês1dia mais252 4600000000 milissegundos são aproximadamente2050 anos1Mês1dia:

let d = new Date(2524600000000);

new Date(dataString)

new Date(dataString) criou um novo objeto Date a partir da string de data:

let d = new Date("July　30　1992　18:30);

new Date(ano, mês, ...)

criará um novo objeto Date com a data e hora especificadas: new Date(ano, mês, ...)

7um número especifica ano, mês, dia, hora, minuto, segundo e milissegundo (na ordem):

let d = new Date(2019, 0,　26,　10,　40,　30, 0);

no exemplo acima, nossos segundos e milissegundos foram configurados como30 e 0.

se falta qualquer número na criação da data, o valor padrão é 0.

mas a ordem não pode ser alterada, então, se você decidir omitir um número, lembre-se disso.

talvez você também note que o mês de janeiro é representado por 0, em vez do usual1.

isto é porque os números de data e hora começam com 0, como a maioria das contagens em programação.

O mês do JavaScript vai de 0 a11Janeiro é 0, Dezembro é11.

métodos de data

ao criar um objeto Date, você pode usar várias maneiras para manipulá-lo.

usando métodos de data, você pode usar o tempo local ou UTC (Universal ou GMT) paraobteredefinirdata, ano, mês, dia, hora, minuto, segundo e milissegundo.

recuperar (obter) data

com o objeto data, você pode usar vários métodos integrados para acessar todos os componentes da data.

esses métodos retornarão cada parte da data em relação ao fuso horário local.

cada um desses métodos termina comgetinício e retornará o número relativo.

A tabela a seguir é dos métodos do objeto Dategettabela de métodos:

o tempo antes de 00:00:00 UTC retorna valor negativo.

método getFullYear()getFullYear()

var d = new Date();
método com número de quatro dígitos retorna o ano da data.

d.getFullYear();

método getMonth()método getMonth()11) retorna o mês do ano.

var d = new Date();
d.getMonth();

O mês do JavaScript vai de 0 a11Janeiro é 0, Dezembro é11.

No exemplo a seguir, a variável month armazena o nome do mês:

var arr = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
var d = new Date();
var month = arr[d.getMonth()];

método getDate()

getDate()O método retorna como número (1-31) na forma de retornar um dia do mês.

var d = new Date();
d.getDate();

método getDay()

getDay()O método retorna como número (0-6) retorna o dia da semana.

var d = new Date();
d.getDay();

O JavaScript considera os dias úteis de 0 a6contar. Domingo é 0, Sábado é6.

No exemplo a seguir, a variável Today armazena o nome da data:

var arr = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
var d = new Date();
var today = arr[d.getDay()];

método getHours()

getHours()O método retorna o número de horas da data como número (0-23)。

var d = new Date();
d.getHours();

método getMinutes()

getMinutes()O método retorna o número de minutos da data como número (0-59)。

var d = new Date();
d.getMinutes();

método getSeconds()

getSeconds()O método retorna o número de segundos da data como número (0-59)。

var d = new Date();
d.getSeconds();

método getMilliseconds()

getMilliseconds()O método retorna como número (0-999) na forma de retornar os milissegundos da data.

var d = new Date();
d.getMilliseconds();

método getTime()

getTime()o método retorna1970 anos1Mês1milissegundos desde a data

var d = new Date();
d.getTime();

um dia(24horas) é8,640 milissegundos.

data de modificação(configuração)

Para todos os métodos que aprendemos acimagetmétodo, há um correspondentesetmétodo.

Se usargetpara recuperar componentes específicos da data, usesetpara modificar os componentes da data.

A tabela a seguir é dos métodos do objeto Datesettabela de métodos:

método setFullYear()

setFullYear()método define o ano do objeto de data.

var d = new Date();
d.setFullYear(2010);

setFullYear()método pode optar por definir o mês e o dia.

var d = new Date();
d.setFullYear(2010,　8,　30);

método setMonth()

setMonth()método define o mês do objeto de data (0-11)。

var d = new Date();
d.setMonth(11);

método setDate()

setDate()método define o dia do mês do objeto de data (01-31)。

var d = new Date();
d.setDate(22);

método setHours()

setHours()método define o número de horas do objeto de data (0-23)。

var d = new Date();
d.setHours(18);

método setMinutes()

setMinutes()método define o número de minutos do objeto de data (0-59)。

var d = new Date();
d.setMinutes(32);

método setSeconds()

setSeconds()método define o número de segundos do objeto de data (0-59)。

var d = new Date();
d.setSeconds(24);

método setMilliseconds()

setMilliseconds()método define o número de milissegundos do objeto de data (0-999)。

var d = new Date();
d.setMilliseconds(420);
document.getElementById('result').innerHTML = d.getMilliseconds();

método setTime()

setTime()método define o objeto Date para a data1970 anos1Mês1milissegundos desde a data

var d = new Date();
d.setTime(1542655292087);

usando métodos de data UTC

　 　 Os métodos de data UTC discutidos acimagetmétodo para obter os componentes da data do usuário configurados na zona horária local.

Para especificar melhor a data e a hora, você pode usargetUTCmétodo, que é completamente idêntico aos métodos get, a diferença é que eles calculam o tempo com base no padrão UTC (Hora Universal Coordenada).

A tabela a seguir é a tabela de métodos UTC do objeto Date do JavaScript:

Para saber a diferença entre os métodos get do tempo local (local) e UTC, podemos executar o seguinte código:

let now = new Date();
//　Imprimir a hora local e a zona UTC (local e UTC)
document.write(now.getHours());
document.write(now.getUTCHours());

Executar este código imprimirá o tempo atual e o tempo da zona UTC. Se você estiver na zona UTC, o número exibido pelo programa acima será o mesmo.

Mais Exemplos

Neste exemplo, o JavaScript exibe o tempo atual.

Referência Completa de Data

Para obter uma referência completa de propriedades e métodos, acesse nossoReferência de Data do JavaScript.

A parte de referência contém todas as descrições e exemplos das propriedades e métodos Date.