Como trabalhar com data e hora em JavaScript | Explicado com exemplos
Qual é o objeto de data?
Como o identificador é bastante auto-explicativo, o objeto Date é um dos muitos objetos que vêm em padrão com JavaScript. O objeto Data exibe a saída da data como uma string solicitando o fuso horário atual do navegador no qual o JavaScript está sendo executado. Se você estiver executando JavaScript em um editor de código algo como um código do Visual Studio, o JavaScript acessará o relógio da máquina para obter a hora e a data atuais.
Como usar o objeto de data?
Embora o objeto de data seja um objeto embutido, para usar isso, você precisa criar seu objeto usando o “novoPalavra -chave. Portanto, antes de usar o objeto Data, precisamos inicializar um objeto com o seguinte comando:
variável = nova data (argumentos);Observação: Argumentos no construtor do objeto Data são opcionais.
Você pode criar um novo objeto de data usando um dos quatro métodos que serão discutidos a seguir.
Criando um objeto de data usando timestamps (ms)
Você pode criar um objeto de data usando timestamps e esses registros de data e hora são dados em milissegundos. Lembre -se de que os milissegundos são contador após a época da época. Em JavaScript, o tempo de Epoch é de 1º de janeiro de 1970.
Por exemplo, experimente o seguinte comando:
var data = nova data (15522354652);console.log (data);
Estamos criando um novo objeto e passando o registro de data e hora em milissegundos. Quando estamos registrando a variável "data" no console, obtemos a seguinte saída:
Como você pode ver, conseguimos criar um objeto usando milissegundos (registros de data e hora) nos argumentos.
Criando um objeto de data (horário atual)
Se você deseja criar um objeto de data que tenha registrado a hora atual, a hora de sua criação, então você pode fazer isso por não transmitir nenhum argumento para o construtor. Você pode fazer isso usando as seguintes linhas de código:
var date = new Date ();console.log (data);
Como você pode ver no código, não estamos passando nenhum argumento para o construtor de data. Quando não há argumentos na função de chamada, o objeto Data armazena o horário atual do fuso horário do navegador ou acessando o relógio do computador.
Como você pode ver, conseguimos criar um objeto para armazenar a hora e a data atual e depois usamos o console.registro() função para imprimir essa data e hora.
Criando um objeto de data usando argumentos específicos
Você pode criar um objeto de data usando uma data específica e passando neles em diferentes argumentos. A sintaxe para criar esse objeto é como:
Nova data (ano, mês, dia, hora, minuto, segundo, mili-segundo)Vamos tentar fazer um objeto de data com o tempo às 08:54, 5 de junho de 1997. Para fazer isso, usamos as seguintes linhas de códigos:
var data = nova data (1997,5,5,08,54);console.log (data);
Como você pode ver, no parâmetro do mês, queremos dar "junho", que é o 6º mês, mas estamos passando o valor 5. Bem, isso ocorre porque a contagem de meses começa com 0 no objeto de data de JavaScript, com 0 de janeiro e 1 de fevereiro, e assim por diante. Como não estamos dando argumentos para o segundo e os parâmetros de milissegundos, seu valor padrão está sendo selecionado.
A saída do código a seguir é:
Criamos com sucesso um objeto usando os argumentos especificados por data.
Criando um objeto de data usando a string de data
Também podemos passar em uma string de data dentro do argumento do construtor de data. Assim como o último exemplo, vamos tentar criar um objeto de data em 5 de junho de 1997 usando as seguintes linhas de código:
var data = nova data ("5 de junho de 1997");console.log (data);
A saída das seguintes linhas de código é:
Criamos um objeto usando um argumento baseado em string de data.
Podemos usar a tabela a seguir para colocar toda a sintaxe do construtor diferente em um só lugar
| Sintaxe | Propósito |
|---|---|
| Nova data(); | Para criar um objeto com a data e hora atuais |
| Nova data (registro de data e hora em milissegundos) | Para criar um objeto com uma data que é um certo milissegundo a partir de 1 de janeiro de 1970. |
| Nova data (ano, mês, data, hora, minutos, segundos, MS) | Para criar um objeto com uma data e hora específicas usando argumentos especificados |
| nova data ("string de data") | Para criar um objeto com uma data e hora específicas usando o argumento de string de data. |
Até agora, aprendemos a criar um objeto usando vários construtores do objeto de data. Ainda temos que obter essa data do objeto.
Pegando a data do objeto Data
Existem vários métodos que nos permitem buscar um certo atributo do objeto de data. Às vezes você deseja retornar um valor específico do objeto de data de data, como o mês ou apenas o ano. Para cumprir esse propósito, existem vários .pegar() métodos. Esses métodos são:
data.consiga tempo(); \\ milissegundos desde a épocadata.getMinutes (); \\ minutos da hora
data.getyear (); \\ apenas o ano
data.getSeconds (); \\ segundos do minuto
data.getDay (); \\ apenas o dia
data.obtlyear () \\ ano em 4 dígitos
Há muito mais pegar Métodos disponíveis como:
Vamos criar um objeto de data usando a data e hora atual e depois buscar minutos e apenas o ano. Usando as seguintes linhas de código:
var dateValue = new Date ();console.log ("Os minutos da hora são:" + DateValue.getMinutes ());
console.log ("O ano em quatro dígitos é:" +DateValue.obtlyear ());
A saída é:
É agora que sabemos como manipular a data e a hora usando JavaScript.
Conclusão
Podemos trabalhar com data e hora em JavaScript usando um dos objetos embutidos denominados Data objeto. Ao contrário dos outros objetos padrão do JavaScript, precisamos primeiro criar um objeto com a "nova" palavra -chave para utilizar as funcionalidades deste objeto de data. Aprendemos a manipular a data e a hora com o objeto Data usando seus vários construtores junto com seus exemplos e aprendemos a buscar dados desse objeto.